Best Hotels in Mazatlan, Mexico from 31US$/night

<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="As visitors flock to this tropical paradise, the variety of Mazatlán hotels ensures there's a perfect accommodation option for every type of traveler."> <title>Best Hotels in Mazatlan, Mexico from 31US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/mazatlan-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Mazatlan, Mexico from 31US$/night" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/mazatlan-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/mazatlan-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/mazatlan-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/mazatlan-hotels" title="Deutsch"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/mazatlan-hoteles" title="Español"> <link rel="alternate" hreflang="es-AR" type="text/html" href="https://touristvr.com/ar/mazatlan-hoteles" title="Español"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "124US$", "address": { "@type": "PostalAddress", "streetAddress": "1518 Av. Camaron Sabalo, Sabalo Country Club" }, "name": "The Xperience By G" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "75US$", "address": { "@type": "PostalAddress", "streetAddress": "Avenida Camaron Sabalo 807, Zona Dorada, 807" }, "name": "Viaggio Resort Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "47US$", "address": { "@type": "PostalAddress", "streetAddress": "Constitucion 809-B Centro" }, "name": "Hotel Perla Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "87US$", "address": { "@type": "PostalAddress", "streetAddress": "Av. Del Mar 2614" }, "name": "Varali Grand Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "118US$", "address": { "@type": "PostalAddress", "streetAddress": "Av Sabalos Cerritos S/N" }, "name": "Ocean Breeze Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "75US$", "address": { "@type": "PostalAddress", "streetAddress": "Av. Camaron Sabalo 51" }, "name": "Emporio Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "72US$", "address": { "@type": "PostalAddress", "streetAddress": "Blvd Sabalo Cerritos No 3110" }, "name": "Park Royal Beach Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "31US$", "address": { "@type": "PostalAddress", "streetAddress": "Avenida Del Delfin 6300" }, "name": "Ibis Mazatlan Marina" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "116US$", "address": { "@type": "PostalAddress", "streetAddress": "905 Avenida Camaron Sabalo" }, "name": "Doubletree By Hilton Mazatlan, Sin" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "50US$", "address": { "@type": "PostalAddress", "streetAddress": "Av Camaron Sabalo #1996" }, "name": "Hotel Kavia Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "118US$", "address": { "@type": "PostalAddress", "streetAddress": "Av. Playa Gaviotas 214" }, "name": "Courtyard By Marriott Mazatlan Beach Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "53US$", "address": { "@type": "PostalAddress", "streetAddress": "Bugambilias 100," }, "name": "Quality Inn Mazatlan" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "67US$", "address": { "@type": "PostalAddress", "streetAddress": "Av Camaron Sabalo S/N Esq Tiburon" }, "name": "Hotel Quijote Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "76US$", "address": { "@type": "PostalAddress", "streetAddress": "Venustiano Carranza 4" }, "name": "Casa De Leyendas" } ] } </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/us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/mazatlan-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/mazatlan-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/mazatlan-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/es/mazatlan-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/ar/mazatlan-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ar.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AR</span> <span class="text-secondary-950 text-base ">Español</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images//1920x1080/15527/1552773/1552773187.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//450x450/15527/1552773/1552773187.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">Mazatlan Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Mazatlan Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Mazatlan</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 17, 2025 - Feb 18, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/mexico-hotels/'>Mexico Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-sinaloa/'>Sinaloa Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Mazatlan Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pueblo-bonito-mazatlan-beach-resort" data-bhotel-id="pueblo-bonito-mazatlan-beach-resort" data-name = "Pueblo Bonito Mazatlan Beach Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9429/942936/942936658.JPEG" data-lat="23.264069" data-lng="-106.465276" data-price = "175US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9429/942936/942936658.JPEG" alt="" loading="lazy" data-bhotel-id="249206" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (115)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/pueblo-bonito-mazatlan-beach-resort" 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">Pueblo Bonito Mazatlan Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">175US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="249206" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="el-cid-castilla-beach" data-bhotel-id="el-cid-castilla-beach" data-name = "El Cid Castilla Beach" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7756/775694/775694485.JPEG" data-lat="23.25274" data-lng="-106.45603" data-price = "201US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7756/775694/775694485.JPEG" alt="" loading="lazy" data-bhotel-id="244678" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (105)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/el-cid-castilla-beach-hotel-mazatlan" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">El Cid Castilla Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">201US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="244678" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="luna-palace" data-bhotel-id="luna-palace" data-name = "Luna Palace" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7056/705674/705674011.JPEG" data-lat="23.262396" data-lng="-106.465546" data-price = "239US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7056/705674/705674011.JPEG" alt="" loading="lazy" data-bhotel-id="78312" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (113)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/luna-palace-hotel-mazatlan" 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">Luna Palace</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">239US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78312" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hacienda-mazatlan-sea-view" data-bhotel-id="hacienda-mazatlan-sea-view" data-name = "Hacienda Mazatlan Sea View" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14987/1498740/1498740478.JPEG" data-lat="23.21562" data-lng="-106.421188" data-price = "129US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14987/1498740/1498740478.JPEG" alt="" loading="lazy" data-bhotel-id="337021" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (45)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hacienda-mazatlan-sea-view-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">Hacienda Mazatlan Sea View</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">129US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="337021" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="oceano-palace" data-bhotel-id="oceano-palace" data-name = "Oceano Palace" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9747/974700/974700100.JPEG" data-lat="23.260506" data-lng="-106.464693" data-price = "73US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9747/974700/974700100.JPEG" alt="" loading="lazy" data-bhotel-id="78311" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (116)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/oceano-palace-hotel-mazatlan" 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">Oceano 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">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78311" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-palms-resort-of-mazatlan" data-bhotel-id="the-palms-resort-of-mazatlan" data-name = "The Palms Resort Of Mazatlan" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10134/1013470/1013470618.JPEG" data-lat="23.255798901725576" data-lng="-106.45946696231842" data-price = "80US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10134/1013470/1013470618.JPEG" alt="" loading="lazy" data-bhotel-id="188424" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (179)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-palms-resort-of-mazatlan" 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 Palms Resort Of Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">80US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="188424" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="park-inn-by-radisson-mazatlan" data-bhotel-id="park-inn-by-radisson-mazatlan" data-name = "Park Inn By Radisson Mazatlan" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15305/1530559/1530559225.JPEG" data-lat="23.28093" data-lng="-106.469018" data-price = "50US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15305/1530559/1530559225.JPEG" alt="" loading="lazy" data-bhotel-id="2692747" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/park-inn-by-radisson-mazatlan" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Park Inn By Radisson Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">50US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2692747" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-posada-freeman" data-bhotel-id="best-western-posada-freeman" data-name = "Best Western Posada Freeman" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15448/1544841/1544841574.JPEG" data-lat="23.1958111075325" data-lng="-106.42625813491821" data-price = "65US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15448/1544841/1544841574.JPEG" alt="" loading="lazy" data-bhotel-id="454277" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (88)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-posada-freeman-hotel-mazatlan" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Posada Freeman</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">65US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="454277" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="diamond-bay" data-bhotel-id="diamond-bay" data-name = "Diamond Bay" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9432/943219/943219048.JPEG" data-lat="23.31596" data-lng="-106.47904" data-price = "58US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9432/943219/943219048.JPEG" alt="" loading="lazy" data-bhotel-id="1066853" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (78)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/diamond-bay-hotel-mazatlan" 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">Diamond Bay</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">58US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1066853" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="tramonto-resort-mazatlan" data-bhotel-id="tramonto-resort-mazatlan" data-name = "Tramonto Resort Mazatlan" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12969/1296942/1296942670.JPEG" data-lat="23.24442" data-lng="-106.45407" data-price = "190US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12969/1296942/1296942670.JPEG" alt="" loading="lazy" data-bhotel-id="8553904" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (33)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/tramonto-resort-mazatlan" 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">Tramonto Resort Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">190US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8553904" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-de-cima" data-bhotel-id="hotel-de-cima" data-name = "Hotel De Cima" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/6834/683496/683496882.JPEG" data-lat="23.216305" data-lng="-106.421257" data-price = "41US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6834/683496/683496882.JPEG" alt="" loading="lazy" data-bhotel-id="336892" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (58)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-de-cima-mazatlan" 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 De Cima</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">41US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="336892" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="casa-de-leyendas-adults-only" data-bhotel-id="casa-de-leyendas-adults-only" data-name = "Casa De Leyendas (Adults Only)" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/6680/668030/668030157.JPEG" data-lat="23.19629" data-lng="-106.42579" data-price = "76US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6680/668030/668030157.JPEG" alt="" loading="lazy" data-bhotel-id="3769484" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (70)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/casa-de-leyendas-adults-only-hotel-mazatlan" 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 De Leyendas (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3769484" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="fiesta-inn-mazatlan" data-bhotel-id="fiesta-inn-mazatlan" data-name = "Fiesta Inn Mazatlan" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15015/1501596/1501596715.JPEG" data-lat="23.25435" data-lng="-106.45689" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15015/1501596/1501596715.JPEG" alt="" loading="lazy" data-bhotel-id="10015876" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (10)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/fiesta-inn-mazatlan" 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">Fiesta Inn Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">95US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="10015876" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="gaviana-resort" data-bhotel-id="gaviana-resort" data-name = "Gaviana Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12736/1273650/1273650292.JPEG" data-lat="23.24104" data-lng="-106.44857" data-price = "68US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12736/1273650/1273650292.JPEG" alt="" loading="lazy" data-bhotel-id="245776" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (80)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/gaviana-resort-mazatlan" 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">Gaviana Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">68US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="245776" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-la-siesta" data-bhotel-id="hotel-la-siesta" data-name = "Hotel La Siesta" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12084/1208406/1208406205.JPEG" data-lat="23.19834756" data-lng="-106.4271569" data-price = "39US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12084/1208406/1208406205.JPEG" alt="" loading="lazy" data-bhotel-id="79659" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (161)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-la-siesta-mazatlan" 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 La Siesta</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="79659" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pacific-palace-beach-tower-hotel" data-bhotel-id="pacific-palace-beach-tower-hotel" data-name = "Pacific Palace Beach Tower Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15414/1541474/1541474104.JPEG" data-lat="23.26075694" data-lng="-106.4648294" data-price = "90US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15414/1541474/1541474104.JPEG" alt="" loading="lazy" data-bhotel-id="1559719" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (61)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/pacific-palace-beach-tower-hotel-mazatlan" 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">Pacific Palace Beach Tower Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">90US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1559719" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="alo-select-mazatlan" data-bhotel-id="alo-select-mazatlan" data-name = "Alo Select Mazatlan" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15499/1549989/1549989586.JPEG" data-lat="23.2489081999985" data-lng="-106.454415000002" data-price = "36US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15499/1549989/1549989586.JPEG" alt="" loading="lazy" data-bhotel-id="6579396" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (34)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/alo-select-mazatlan-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">Alo Select Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">36US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6579396" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-quijote-inn" data-bhotel-id="hotel-quijote-inn" data-name = "Hotel Quijote Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14191/1419140/1419140373.JPEG" data-lat="23.25737" data-lng="-106.460991" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14191/1419140/1419140373.JPEG" alt="" loading="lazy" data-bhotel-id="347969" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (94)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-quijote-inn-mazatlan" 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 Quijote Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="347969" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="las-villas-hotel-golf-by-estrella-del-mar" data-bhotel-id="las-villas-hotel-golf-by-estrella-del-mar" data-name = "Las Villas Hotel & Golf By Estrella Del Mar" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12736/1273673/1273673002.JPEG" data-lat="23.11507195" data-lng="-106.3105398" data-price = "92US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12736/1273673/1273673002.JPEG" alt="" loading="lazy" data-bhotel-id="265847" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (91)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/las-villas-hotel-golf-by-estrella-del-mar-mazatlan" 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">Las Villas Hotel & Golf By Estrella Del Mar</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">92US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="265847" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="city-express-by-marriott-mazatlan" data-bhotel-id="city-express-by-marriott-mazatlan" data-name = "City Express By Marriott Mazatlan" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15532/1553208/1553208847.JPEG" data-lat="23.24656" data-lng="-106.43861" data-price = "56US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15532/1553208/1553208847.JPEG" alt="" loading="lazy" data-bhotel-id="315843" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (70)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/city-express-by-marriott-mazatlan-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">City Express By Marriott Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="315843" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sleep-inn-mazatlan" data-bhotel-id="sleep-inn-mazatlan" data-name = "Sleep Inn Mazatlan" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15768/1576800/1576800041.JPEG" data-lat="23.296766" data-lng="-106.433342" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15768/1576800/1576800041.JPEG" alt="" loading="lazy" data-bhotel-id="1686968" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (62)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sleep-inn-mazatlan" 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">Sleep Inn Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1686968" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-raices-de-mar" data-bhotel-id="hotel-raices-de-mar" data-name = "Hotel Raices De Mar" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11804/1180487/1180487161.JPEG" data-lat="23.1982" data-lng="-106.42314" data-price = "116US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11804/1180487/1180487161.JPEG" alt="" loading="lazy" data-bhotel-id="5706945" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (67)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-raices-de-mar-mazatlan" 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 Raices De Mar</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">116US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5706945" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pueblo-bonito-emerald-bay-resort-spa" data-bhotel-id="pueblo-bonito-emerald-bay-resort-spa" data-name = "Pueblo Bonito Emerald Bay Resort & Spa" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7013/701352/701352808.JPEG" data-lat="23.310032" data-lng="-106.478703" data-price = "203US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7013/701352/701352808.JPEG" alt="" loading="lazy" data-bhotel-id="249219" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (128)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/pueblo-bonito-emerald-bay-resort-spa-mazatlan" 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">Pueblo Bonito Emerald Bay Resort & 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">203US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="249219" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="courtyard-by-marriott-mazatlan-beach-resort" data-bhotel-id="courtyard-by-marriott-mazatlan-beach-resort" data-name = "Courtyard By Marriott Mazatlan Beach Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14301/1430157/1430157076.JPEG" data-lat="23.24314" data-lng="-106.453429" data-price = "118US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14301/1430157/1430157076.JPEG" alt="" loading="lazy" data-bhotel-id="8242357" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (29)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/courtyard-by-marriott-mazatlan-beach-resort" 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">Courtyard By Marriott Mazatlan Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">118US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8242357" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="coral-island-beach-view-hotel" data-bhotel-id="coral-island-beach-view-hotel" data-name = "Coral Island Beach View Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4183/418318/418318785.JPEG" data-lat="23.23355789" data-lng="-106.4365835" data-price = "57US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4183/418318/418318785.JPEG" alt="" loading="lazy" data-bhotel-id="425155" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/coral-island-beach-view-hotel-mazatlan" 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">Coral Island Beach View Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">57US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="425155" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-playa-marina" data-bhotel-id="hotel-playa-marina" data-name = "Hotel Playa Marina" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10044/1004447/1004447607.JPEG" data-lat="23.23043" data-lng="-106.4327" data-price = "66US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10044/1004447/1004447607.JPEG" alt="" loading="lazy" data-bhotel-id="913194" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (67)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-playa-marina-mazatlan" 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 Playa Marina</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">66US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="913194" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="las-flores-beach-resort" data-bhotel-id="las-flores-beach-resort" data-name = "Las Flores Beach Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10097/1009761/1009761037.JPEG" data-lat="23.242508" data-lng="-106.45267" data-price = "76US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10097/1009761/1009761037.JPEG" alt="" loading="lazy" data-bhotel-id="22377" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (118)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/las-flores-beach-resort-mazatlan" 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">Las Flores Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="22377" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="posada-del-parque" data-bhotel-id="posada-del-parque" data-name = "Posada Del Parque" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6358/635807/635807823.JPEG" data-lat="23.204488" data-lng="-106.42449" data-price = "44US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6358/635807/635807823.JPEG" alt="" loading="lazy" data-bhotel-id="2880103" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (53)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/posada-del-parque-hotel-mazatlan" 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">Posada Del Parque</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">44US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2880103" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ocean-view-beach-hotel" data-bhotel-id="ocean-view-beach-hotel" data-name = "Ocean View Beach Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12865/1286594/1286594848.JPEG" data-lat="23.2459297180176" data-lng="-106.453346252441" data-price = "58US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12865/1286594/1286594848.JPEG" alt="" loading="lazy" data-bhotel-id="2188397" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (80)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ocean-view-beach-hotel-mazatlan" 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">Ocean View Beach Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">58US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2188397" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="zona-dorada-suites" data-bhotel-id="zona-dorada-suites" data-name = "Zona Dorada Suites" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13582/1358206/1358206463.JPEG" data-lat="23.24352" data-lng="-106.44993" data-price = "29US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13582/1358206/1358206463.JPEG" alt="" loading="lazy" data-bhotel-id="9332313" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (48)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/zona-dorada-suites-mazatlan" 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">Zona Dorada Suites</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">29US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="9332313" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="don-pelayo-pacific-beach" data-bhotel-id="don-pelayo-pacific-beach" data-name = "Don Pelayo Pacific Beach" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12737/1273712/1273712836.JPEG" data-lat="23.236403" data-lng="-106.44068" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12737/1273712/1273712836.JPEG" alt="" loading="lazy" data-bhotel-id="261391" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (111)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/don-pelayo-pacific-beach-hotel-mazatlan" 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">Don Pelayo Pacific Beach</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">87US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="261391" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mariana-apartamentos" data-bhotel-id="mariana-apartamentos" data-name = "Mariana Apartamentos" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13091/1309107/1309107250.JPEG" data-lat="23.24898" data-lng="-106.4549" data-price = "73US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13091/1309107/1309107250.JPEG" alt="" loading="lazy" data-bhotel-id="449023" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (27)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/mariana-apartamentos-mazatlan" 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">Mariana Apartamentos</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="449023" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-margaritas" data-bhotel-id="hotel-margaritas" data-name = "Hotel Margaritas" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12737/1273721/1273721206.JPEG" data-lat="23.2496757507324" data-lng="-106.454666137695" data-price = "53US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12737/1273721/1273721206.JPEG" alt="" loading="lazy" data-bhotel-id="348332" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (94)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-margaritas-mazatlan" 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 Margaritas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">53US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="348332" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ibis-mazatlan-marina" data-bhotel-id="ibis-mazatlan-marina" data-name = "Ibis Mazatlan Marina" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12791/1279114/1279114015.JPEG" data-lat="23.283607" data-lng="-106.450195" data-price = "31US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12791/1279114/1279114015.JPEG" alt="" loading="lazy" data-bhotel-id="3678682" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (70)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ibis-mazatlan-marina-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">Ibis Mazatlan Marina</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">31US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="3678682" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-boutique-casa-lulu" data-bhotel-id="hotel-boutique-casa-lulu" data-name = "Hotel Boutique Casa Lulu" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10022/1002263/1002263889.JPEG" data-lat="23.20357" data-lng="-106.42895" data-price = "128US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10022/1002263/1002263889.JPEG" alt="" loading="lazy" data-bhotel-id="4064418" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (38)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-boutique-casa-lulu-mazatlan" 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 Boutique Casa Lulu</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">128US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4064418" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-xperience-by-g-adults-only" data-bhotel-id="the-xperience-by-g-adults-only" data-name = "The Xperience By G - Adults Only" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/11434/1143422/1143422947.JPEG" data-lat="23.267046" data-lng="-106.46492" data-price = "124US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11434/1143422/1143422947.JPEG" alt="" loading="lazy" data-bhotel-id="7173076" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (42)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-xperience-by-g-adults-only-hotel-mazatlan" 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 Xperience By G - Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">124US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7173076" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="casa-lucila-hotel-boutique-adults-only" data-bhotel-id="casa-lucila-hotel-boutique-adults-only" data-name = "Casa Lucila Hotel Boutique (Adults Only)" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/13461/1346163/1346163707.JPEG" data-lat="23.1944159" data-lng="-106.4272256" data-price = "232US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13461/1346163/1346163707.JPEG" alt="" loading="lazy" data-bhotel-id="425457" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (49)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/casa-lucila-hotel-boutique-adults-only-mazatlan" 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 Lucila Hotel Boutique (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">232US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="425457" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="villas-el-rancho-green-resort" data-bhotel-id="villas-el-rancho-green-resort" data-name = "Villas El Rancho Green Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9809/980909/980909380.JPEG" data-lat="23.28069" data-lng="-106.46866" data-price = "110US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9809/980909/980909380.JPEG" alt="" loading="lazy" data-bhotel-id="78159" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (45)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/villas-el-rancho-green-resort-mazatlan" 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">Villas El Rancho Green Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">110US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78159" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-azteca-inn" data-bhotel-id="hotel-azteca-inn" data-name = "Hotel Azteca Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9671/967181/967181422.JPEG" data-lat="23.2419872283936" data-lng="-106.450408935547" data-price = "39US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9671/967181/967181422.JPEG" alt="" loading="lazy" data-bhotel-id="79666" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (100)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-azteca-inn-mazatlan" 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 Azteca Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="79666" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="solamar-inn-mazatlan" data-bhotel-id="solamar-inn-mazatlan" data-name = "Solamar Inn Mazatlan" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15378/1537857/1537857232.JPEG" data-lat="23.258676" data-lng="-106.462257" data-price = "65US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15378/1537857/1537857232.JPEG" alt="" loading="lazy" data-bhotel-id="1256906" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (42)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/solamar-inn-mazatlan" 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">Solamar Inn Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">65US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1256906" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="marena-suites-apartments" data-bhotel-id="marena-suites-apartments" data-name = "Marena Suites & Apartments" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7061/706122/706122268.JPEG" data-lat="23.264971" data-lng="-106.462936" data-price = "77US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7061/706122/706122268.JPEG" alt="" loading="lazy" data-bhotel-id="1188475" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (35)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/marena-suites-apartments-mazatlan" 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">Marena Suites & Apartments</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">77US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1188475" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-san-diego" data-bhotel-id="hotel-san-diego" data-name = "Hotel San Diego" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11399/1139984/1139984863.JPEG" data-lat="23.2388622740439" data-lng="-106.444901357672" data-price = "105US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11399/1139984/1139984863.JPEG" alt="" loading="lazy" data-bhotel-id="6910180" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (21)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-san-diego-mazatlan" 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 San Diego</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">105US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6910180" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cerritos-resort-mazatlan" data-bhotel-id="cerritos-resort-mazatlan" data-name = "Cerritos Resort Mazatlan" data-rating = "" data-rating-label = "" data-img = "https://images.touristvr.com/data/images/450x450/14822/1482271/1482271010.JPEG" data-lat="23.2997" data-lng="-106.48292" data-price = "0US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14822/1482271/1482271010.JPEG" alt="" loading="lazy" data-bhotel-id="10859837" data-type="photo" data-open-passive> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/cerritos-resort-mazatlan" 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">Cerritos Resort Mazatlan</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">0US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="10859837" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-kavia-mazatlan" data-bhotel-id="hotel-kavia-mazatlan" data-name = "Hotel Kavia Mazatlan" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14594/1459401/1459401496.JPEG" data-lat="23.25943467" data-lng="-106.462841" data-price = "50US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14594/1459401/1459401496.JPEG" alt="" loading="lazy" data-bhotel-id="8337470" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (36)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-kavia-mazatlan" 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 Kavia Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">50US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8337470" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="luxury-suites-by-estrella-del-mar" data-bhotel-id="luxury-suites-by-estrella-del-mar" data-name = "Luxury Suites By Estrella Del Mar" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/8891/889125/889125238.JPEG" data-lat="23.11674" data-lng="-106.30472" data-price = "151US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8891/889125/889125238.JPEG" alt="" loading="lazy" data-bhotel-id="5577043" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (35)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/luxury-suites-by-estrella-del-mar-mazatlan" 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">Luxury Suites By Estrella Del Mar</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">11.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">151US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5577043" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-machado" data-bhotel-id="hotel-machado" data-name = "Hotel Machado" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15588/1558801/1558801861.JPEG" data-lat="23.19813" data-lng="-106.42333" data-price = "85US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15588/1558801/1558801861.JPEG" alt="" loading="lazy" data-bhotel-id="7366776" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (5)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-machado-mazatlan" 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 Machado</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">85US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="7366776" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="olas-altas-inn-hotel-spa" data-bhotel-id="olas-altas-inn-hotel-spa" data-name = "Olas Altas Inn Hotel & Spa" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14987/1498740/1498740079.JPEG" data-lat="23.23078" data-lng="-106.43294" data-price = "41US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14987/1498740/1498740079.JPEG" alt="" loading="lazy" data-bhotel-id="334473" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (117)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/olas-altas-inn-hotel-spa-mazatlan" 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">Olas Altas Inn 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">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">41US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="334473" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="la-estancia-apartments-mazatlan" data-bhotel-id="la-estancia-apartments-mazatlan" data-name = "La Estancia Apartments Mazatlan" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9401/940103/940103266.JPEG" data-lat="23.23734" data-lng="-106.43598" data-price = "75US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9401/940103/940103266.JPEG" alt="" loading="lazy" data-bhotel-id="4409742" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (41)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/la-estancia-apartments-mazatlan" 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">La Estancia Apartments Mazatlan</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">75US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4409742" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="playa-victoria" data-bhotel-id="playa-victoria" data-name = "Playa Victoria" data-rating = "" data-rating-label = "" data-img = "https://images.touristvr.com/data/images/450x450/14884/1488426/1488426631.JPEG" data-lat="23.19138" data-lng="-106.42023" data-price = "0US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14884/1488426/1488426631.JPEG" alt="" loading="lazy" data-bhotel-id="11005651" data-type="photo" data-open-passive> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/playa-victoria-apartment-mazatlan" 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">Playa Victoria</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">0US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="11005651" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="el-cid-el-moro-beach-adults-only" data-bhotel-id="el-cid-el-moro-beach-adults-only" data-name = "El Cid El Moro Beach (Adults Only)" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/3392/339247/339247318.JPEG" data-lat="23.253705" data-lng="-106.456958" data-price = "140US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/3392/339247/339247318.JPEG" alt="" loading="lazy" data-bhotel-id="244688" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (98)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/el-cid-el-moro-beach-adults-only-hotel-mazatlan" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">El Cid El Moro Beach (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">140US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="244688" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="emporio-mazatlan" data-bhotel-id="emporio-mazatlan" data-name = "Emporio Mazatlan" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12737/1273746/1273746763.JPEG" data-lat="23.239993" data-lng="-106.446436" data-price = "102US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12737/1273746/1273746763.JPEG" alt="" loading="lazy" data-bhotel-id="78297" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (227)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/emporio-mazatlan-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">Emporio Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">102US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78297" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="park-royal-beach-mazatlan" data-bhotel-id="park-royal-beach-mazatlan" data-name = "Park Royal Beach Mazatlan" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14006/1400630/1400630567.JPEG" data-lat="23.2773433886182" data-lng="-106.46764755249" data-price = "97US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14006/1400630/1400630567.JPEG" alt="" loading="lazy" data-bhotel-id="266671" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (91)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/park-royal-beach-mazatlan-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">Park Royal Beach Mazatlan</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">97US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="266671" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="royal-villas-resort" data-bhotel-id="royal-villas-resort" data-name = "Royal Villas Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12737/1273728/1273728997.JPEG" data-lat="23.2487" data-lng="-106.45483" data-price = "99US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12737/1273728/1273728997.JPEG" alt="" loading="lazy" data-bhotel-id="78334" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (144)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/royal-villas-resort-mazatlan" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Royal Villas Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">99US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78334" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="doubletree-by-hilton-mazatlan-sin" data-bhotel-id="doubletree-by-hilton-mazatlan-sin" data-name = "Doubletree By Hilton Mazatlan, Sin" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15524/1552451/1552451932.JPEG" data-lat="23.2547581250736" data-lng="-106.458820067346" data-price = "116US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15524/1552451/1552451932.JPEG" alt="" loading="lazy" data-bhotel-id="2524824" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (78)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/doubletree-by-hilton-mazatlan-sin-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">Doubletree By Hilton Mazatlan, Sin</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">116US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2524824" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="costa-bonita-resort" data-bhotel-id="costa-bonita-resort" data-name = "Costa Bonita Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9947/994789/994789900.JPEG" data-lat="23.29675" data-lng="-106.48237" data-price = "81US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9947/994789/994789900.JPEG" alt="" loading="lazy" data-bhotel-id="466245" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (60)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/costa-bonita-resort-mazatlan" 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">Costa Bonita Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="466245" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="varali-grand-hotel" data-bhotel-id="varali-grand-hotel" data-name = "Varali Grand Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15370/1537026/1537026331.JPEG" data-lat="23.23744476933305" data-lng="-106.44266905591967" data-price = "72US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15370/1537026/1537026331.JPEG" alt="" loading="lazy" data-bhotel-id="6917483" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (93)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/varali-grand-hotel-mazatlan" 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">Varali Grand Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">72US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6917483" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-sands-arenas" data-bhotel-id="hotel-sands-arenas" data-name = "Hotel Sands Arenas" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9930/993001/993001633.JPEG" data-lat="23.2247411688127" data-lng="-106.42618822857" data-price = "56US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9930/993001/993001633.JPEG" alt="" loading="lazy" data-bhotel-id="336960" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (79)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-sands-arenas-mazatlan" 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 Sands Arenas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">56US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="336960" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="el-cid-marina-beach-hotel-adults-only" data-bhotel-id="el-cid-marina-beach-hotel-adults-only" data-name = "El Cid Marina Beach Hotel (Adults Only)" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9353/935390/935390479.JPEG" data-lat="23.252743" data-lng="-106.45612" data-price = "119US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9353/935390/935390479.JPEG" alt="" loading="lazy" data-bhotel-id="244870" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (71)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/el-cid-marina-beach-hotel-adults-only-mazatlan" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">El Cid Marina Beach Hotel (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">119US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="244870" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="23.267046" data-lng="-106.46492"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>As visitors flock to this tropical paradise, the variety of Mazatlán hotels ensures there's a perfect accommodation option for every type of traveler. Whether you're seeking luxury beachfront resorts, charming boutique hotels, or budget-friendly hostels, Mazatlán has something that caters to your needs.</p><p>One of the best ways to enhance your experience is by choosing a hotel that reflects the essence of the destination. Many Mazatlán hotels offer stunning ocean views and convenient access to the city's beautiful sandy beaches. Additionally, you'll find properties that celebrate local art and culture, providing a unique backdrop for your stay while allowing you to immerse yourself in the city's vibrant atmosphere.</p><p>Beyond accommodations, Mazatlán's hospitality is unmatched, with hotels often featuring local cuisine and personalized service that makes every guest feel special. Take time to explore the surrounding areas by choosing a hotel that offers guided tours and activities designed to showcase the best of what Mazatlán has to offer. With the right Mazatlán hotel as your home base, you'll create unforgettable memories while enjoying this captivating coastal haven.</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-827878" data-langcode="en" data-bcity-id="-1682941" data-city-name="Mazatlan" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#the-xperience-by-g" class="js-clk-open" data-type="table" data-bhotel-id="7173076" data-open-once data-open-passive>The Xperience By G</a> </td> <td> <p> 8.7 / 10 </p> <p> (679 Reviews)</p> </td> <td> <span>From 124US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="7173076">Check Price</button> </td> </tr> <tr> <td> <a href="#viaggio-resort-mazatlan" class="js-clk-open" data-type="table" data-bhotel-id="8715624" data-open-once data-open-passive>Viaggio Resort Mazatlan</a> </td> <td> <p> 8.9 / 10 </p> <p> (1673 Reviews)</p> </td> <td> <span>From 75US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="8715624">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-perla-mazatlan" class="js-clk-open" data-type="table" data-bhotel-id="7642011" data-open-once data-open-passive>Hotel Perla Mazatlan</a> </td> <td> <p> 6.7 / 10 </p> <p> (233 Reviews)</p> </td> <td> <span>From 47US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="7642011">Check Price</button> </td> </tr> <tr> <td> <a href="#varali-grand-hotel" class="js-clk-open" data-type="table" data-bhotel-id="6917483" data-open-once data-open-passive>Varali Grand Hotel</a> </td> <td> <p> 8.8 / 10 </p> <p> (2277 Reviews)</p> </td> <td> <span>From 87US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="6917483">Check Price</button> </td> </tr> <tr> <td> <a href="#ocean-breeze-mazatlan" class="js-clk-open" data-type="table" data-bhotel-id="244852" data-open-once data-open-passive>Ocean Breeze Mazatlan</a> </td> <td> <p> 7.4 / 10 </p> <p> (154 Reviews)</p> </td> <td> <span>From 118US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="244852">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="the-xperience-by-g" data-id="1620875" data-lat="23.267046" data-lng="-106.46492"> <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/11434/1143422/1143422947.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11434/1143422/1143422947.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773979.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774144.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774258.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554741/1554741922.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773187.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554735/1554735559.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554740/1554740434.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554740/1554740584.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773592.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773271.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774510.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554738/1554738184.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554738/1554738202.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554738/1554738592.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554739/1554739561.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554740/1554740545.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15276/1527646/1527646243.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773727.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774237.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774189.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15542/1554232/1554232498.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554741/1554741835.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773544.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554741/1554741274.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552772/1552772506.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773256.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773286.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13782/1378236/1378236809.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13782/1378242/1378242572.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13782/1378244/1378244561.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13442/1344218/1344218339.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15574/1557453/1557453730.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554735/1554735595.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554739/1554739135.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554740/1554740374.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773484.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774168.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554738/1554738247.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614849/1614849524.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221867.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11457/1145723/1145723038.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11434/1143423/1143423334.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11434/1143423/1143423646.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11436/1143614/1143614338.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145206/1145206042.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11436/1143613/1143613513.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11436/1143614/1143614227.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145254/1145254237.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554740/1554740473.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221882.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221948.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614849/1614849519.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774048.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774108.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15533/1553374/1553374570.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13442/1344205/1344205175.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221450.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13442/1344209/1344209810.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554740/1554740395.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614849/1614849521.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221852.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552773/1552773196.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145223/1145223379.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13442/1344211/1344211115.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145222/1145222968.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11453/1145305/1145305153.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774081.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614849/1614849520.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774096.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145223/1145223409.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15547/1554738/1554738586.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774102.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774078.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221966.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11434/1143428/1143428899.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13442/1344208/1344208259.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13782/1378237/1378237505.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15527/1552774/1552774036.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459409/1459409983.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459410/1459410109.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459410/1459410271.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459410/1459410355.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459410/1459410466.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459410/1459410556.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14594/1459410/1459410667.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473130/1473130678.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473129/1473129886.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473128/1473128737.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473128/1473128791.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473128/1473128893.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473128/1473128938.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473129/1473129004.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473129/1473129397.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473129/1473129445.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473129/1473129547.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473129/1473129817.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14731/1473130/1473130114.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15854/1585459/1585459380.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11452/1145221/1145221438.JPEG" data-image-gallery="gallerythe-xperience-by-g" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-xperience-by-g" > </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> (679)</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="7173076">The Xperience By G</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">1518 Av. Camaron Sabalo, Sabalo Country Club</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Xperience By G is an adults-only hotel that promises a luxurious romantic escape in the very heart of Mazatlán. This boutique hotel features chic accommodations designed with couples in mind, providing a tranquil atmosphere where guests can unwind. From the beautiful infinity pool with breathtaking ocean views to the romantic dining experiences, this hotel offers endless opportunities for connection. Guests can indulge in rejuvenating spa treatments and couples’ activities to enhance their experience further. The stunning beach nearby is ideal for sunset strolls or sunbathing together. The Xperience Bar G stands out among the romantic Mazatlán hotels, ensuring couples experience the ultimate relaxation and intimacy. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">124US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="7173076" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="viaggio-resort-mazatlan" data-id="1620914" data-lat="23.25217" data-lng="-106.45582"> <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/13965/1396506/1396506710.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13965/1396506/1396506710.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304646/1304646175.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12917/1291717/1291717102.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300919/1300919401.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300919/1300919752.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13003/1300321/1300321306.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304643/1304643544.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12925/1292577/1292577262.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13003/1300330/1300330399.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300920/1300920529.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300920/1300920193.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12925/1292583/1292583193.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304643/1304643787.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304647/1304647753.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304647/1304647768.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304650/1304650420.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300920/1300920460.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13011/1301137/1301137132.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13011/1301137/1301137357.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300920/1300920631.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13009/1300920/1300920316.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12925/1292579/1292579731.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12925/1292582/1292582689.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12925/1292578/1292578087.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304648/1304648947.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13049/1304900/1304900449.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304648/1304648068.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304650/1304650360.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12917/1291762/1291762645.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304647/1304647975.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12917/1291713/1291713889.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13003/1300333/1300333564.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304648/1304648176.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13003/1300330/1300330762.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304641/1304641906.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13046/1304649/1304649343.JPEG" data-image-gallery="galleryviaggio-resort-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="viaggio-resort-mazatlan" > </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> (1673)</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="8715624">Viaggio Resort Mazatlan</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 Camaron Sabalo 807, Zona Dorada, 807</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Viaggio Resort Mazatlán offers a contemporary and stylish ambiance, perfect for couples craving a romantic retreat. With spacious suites that feature private terraces, guests can enjoy breathtaking views and tranquility away from the hustle and bustle. The resort’s infinity pool, along with hot tubs, creates the ideal setting for leisurely afternoons spent together. Couples can also indulge in exceptional dining experiences at the on-site restaurants, which specialize in local and international cuisine. Additionally, convenient access to nearby beaches and attractions allows couples to explore the vibrant culture of Mazatlán. Viaggio Resort perfectly encapsulates romance and luxury, making it a top destination among Mazatlán hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">75US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="8715624" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="luxury-mazatlan-hotels-for-an-indulgent-stay">Luxury Mazatlan Hotels for an Indulgent Stay</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to experiencing the luxurious side of Mazatlán, a collection of standout hotels offers upscale accommodations and stellar amenities. These Mazatlán hotels are perfect for travelers seeking a lavish retreat by the sea, complete with stunning views and high-end services. Featuring glamorous pools, exquisite dining options, and spa treatments, they guarantee a memorable stay. The luxurious settings and top-notch customer service of these hotels allow guests to unwind and indulge in comfort. With easy access to beautiful beaches and local attractions, these hotels serve as the ideal base for exploring the picturesque destination of Mazatlán. For those looking to experience the best that this coastal gem has to offer, these luxury hotels are sure to impress.</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-perla-mazatlan" data-id="1620967" data-lat="23.1994" data-lng="-106.41977"> <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/11895/1189558/1189558573.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11895/1189558/1189558573.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605226/1605226232.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605226/1605226240.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16052/1605226/1605226241.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190790/1190790775.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190785/1190785492.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190785/1190785642.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190790/1190790739.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190792/1190792752.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190792/1190792470.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190792/1190792521.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233052.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190791/1190791939.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233361.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12883/1288305/1288305634.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190786/1190786047.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12883/1288300/1288300300.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12883/1288305/1288305631.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558141.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233277.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233373.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11507/1150769/1150769099.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11507/1150769/1150769945.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11528/1152878/1152878106.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190790/1190790247.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11507/1150770/1150770047.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558426.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233118.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233346.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558585.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189559/1189559773.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233265.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12883/1288300/1288300477.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233133.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11907/1190791/1190791885.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11502/1150233/1150233103.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558471.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558096.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558630.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11895/1189558/1189558087.JPEG" data-image-gallery="galleryhotel-perla-mazatlan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-perla-mazatlan" > </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"> 6.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (233)</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="7642011">Hotel Perla Mazatlan</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">Constitucion 809-B Centro</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Perla Mazatlán is perfectly situated in the vibrant Golden Zone, renowned for its bustling nightlife and entertainment options. The hotel provides comfortable accommodations with beach access, making it ideal for sun-soaked days followed by evenings filled with music and dancing. Guests can easily walk to nearby restaurants and bars, where they can immerse themselves in the local social scene. The hotel features a lively bar on-site, offering refreshing cocktails and a fun atmosphere for pre- or post-dinner drinks. With a welcoming ambiance and prime location, Hotel Perla is a popular choice among nightlife-seeking travelers among Mazatlán hotels. Enjoy the convenience of accessing the best bars and clubs while having a cozy retreat nearby. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">47US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="7642011" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="varali-grand-hotel" data-id="1620968" data-lat="23.237444769333" data-lng="-106.44266905592"> <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/15370/1537026/1537026331.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15370/1537026/1537026331.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286047/1286047189.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286046/1286046643.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286048/1286048827.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286048/1286048680.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286050/1286050480.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286046/1286046976.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540004/1540004458.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10660/1066052/1066052068.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10677/1067729/1067729236.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068350/1068350299.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068375/1068375214.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068345/1068345283.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068349/1068349762.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068368/1068368998.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068370/1068370297.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10683/1068357/1068357028.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10660/1066054/1066054285.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540004/1540004338.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540004/1540004416.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10677/1067727/1067727112.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10590/1059034/1059034519.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286048/1286048527.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10660/1066022/1066022878.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10662/1066207/1066207309.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286048/1286048320.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10677/1067733/1067733943.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12244/1224480/1224480028.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12244/1224480/1224480241.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12244/1224480/1224480526.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12244/1224480/1224480571.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12244/1224480/1224480772.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286050/1286050603.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286046/1286046487.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286046/1286046745.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12244/1224480/1224480358.JPEG" data-image-gallery="galleryvarali-grand-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="varali-grand-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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2277)</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="6917483">Varali Grand Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Av. Del Mar 2614</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Varali Grand Hotel is an eco-conscious hotel that prioritizes sustainability while offering a range of luxurious amenities. With a focus on preserving natural resources, the hotel employs energy-efficient practices and utilizes solar energy to power its facilities. Guests can relax in beautifully appointed rooms that incorporate eco-friendly materials and designs while enjoying views of the surrounding landscape. The hotel promotes local art and culture, providing guests access to art galleries and workshops to engage in the local community. In addition to its eco-friendly commitment, Varali Grand Hotel is conveniently located near attractions and activities that allow guests to explore the beauty of Mazatlán sustainably. As a solid contender among the eco-friendly Mazatlán hotels, this hotel provides visitors with comfortable accommodations that support sustainable travel initiatives. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">87US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="6917483" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="family-friendly-mazatlan-hotels-for-memorable-getaways">Family-Friendly Mazatlan Hotels for Memorable Getaways</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Families visiting Mazatlán will find numerous hotels tailored to ensure that everyone has a fantastic time. These Mazatlán hotels provide spacious accommodations and a range of amenities designed for guests of all ages. Often located close to the beach and local attractions, these hotels make it easy for families to explore the area while enjoying comfort and relaxation. Many of the hotels feature kid-friendly pools, recreational activities, and family-oriented dining options. Choose from an array of comfortable lodgings that are perfect for families looking to create lasting memories together. Experience the joy of family bonding in a welcoming atmosphere at these exceptional hotels.</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="ocean-breeze-mazatlan" data-id="1621034" data-lat="23.28877" data-lng="-106.47296"> <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/6867/686736/686736891.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6867/686736/686736891.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1291/129194/129194985.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2601/260161/260161845.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/710/71099/71099702.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/710/71099/71099693.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/710/71099/71099699.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437745.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437883.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437742.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437769.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10342/1034200/1034200592.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10342/1034200/1034200697.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10342/1034200/1034200781.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10342/1034200/1034200868.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10342/1034200/1034200955.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10342/1034201/1034201042.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437754.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437775.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437778.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505098/505098201.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3892/389205/389205599.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3892/389205/389205647.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/295/29514/29514512.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437877.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/295/29514/29514509.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686736/686736624.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686736/686736786.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686736/686736999.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737074.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737152.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737494.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737632.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737740.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737908.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738016.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738217.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738325.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738403.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738508.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737239.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737833.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/295/29514/29514503.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3892/389205/389205608.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737560.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737320.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738583.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738868.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686738/686738757.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6867/686737/686737392.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528515.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528587.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214485.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528635.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9659/965921/965921629.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9659/965921/965921662.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10860/1086053/1086053632.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505098/505098213.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505098/505098261.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505098/505098270.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505098/505098378.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437850.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437772.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437823.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437853.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214533.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214557.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214541.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214517.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214525.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214549.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214565.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214573.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214581.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1936/193652/193652941.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528527.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2852/285214/285214501.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4602/460247/460247706.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1446/144616/144616238.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437748.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437751.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437871.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334437/334437808.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528566.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1936/193652/193652944.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528557.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528596.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1238/123805/123805627.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3554/355499/355499425.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1238/123805/123805621.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1238/123805/123805645.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1238/123805/123805651.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1875/187528/187528542.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3554/355499/355499416.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/295/29514/29514500.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/323/32393/32393761.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/323/32393/32393752.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/546/54676/54676480.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/546/54676/54676486.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/546/54676/54676489.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/546/54676/54676501.JPEG" data-image-gallery="galleryocean-breeze-mazatlan" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="ocean-breeze-mazatlan" > </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.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (154)</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="244852">Ocean Breeze Mazatlan</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">Av Sabalos Cerritos S/N</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ocean Breeze Mazatlán is a hotel dedicated to blending sustainability with the beauty of the coastline. It implements green initiatives, such as water-saving practices and reduced plastic use throughout the hotel. The eco-friendly design and landscaping feature native plants, enhancing the natural environment while minimizing maintenance. Guests can enjoy a wide range of recreational activities that promote environmental awareness, such as guided eco-tours showcasing the local wildlife and marine life. With a commitment to sustainability and community support, Ocean Breeze Mazatlán ensures that guests can have an enjoyable and responsible vacation. This hotel is a noteworthy option for environmentally-minded travelers among the Mazatlán hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">118US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="244852" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="emporio-mazatlan" data-id="1621035" data-lat="23.239993" data-lng="-106.446436"> <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/12737/1273746/1273746763.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12737/1273746/1273746763.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273745/1273745872.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273745/1273745995.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746049.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747396.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617842/1617842206.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617842/1617842204.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747639.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816846.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816852.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816900.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816909.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816993.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273745/1273745929.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747585.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273745/1273745755.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498480/1498480105.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498480/1498480060.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14273/1427310/1427310460.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14273/1427315/1427315464.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816870.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273745/1273745692.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620200/1620200686.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747348.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746790.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747000.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747264.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746670.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746562.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746595.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746910.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746955.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747033.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747153.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747210.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747456.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746502.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746868.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747084.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747114.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208484/1208484448.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185113/185113839.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185113/185113923.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746649.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185113/185113947.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185113/185113902.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746727.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208485/1208485135.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208486/1208486458.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185113/185113851.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185114/185114376.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747492.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617842/1617842205.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185114/185114418.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208484/1208484835.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273747/1273747537.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11184/1118420/1118420496.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11184/1118420/1118420595.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11184/1118420/1118420697.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14273/1427318/1427318338.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185114/185114358.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273746/1273746832.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273745/1273745515.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185114/185114034.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208483/1208483668.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453732/453732642.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14988/1498816/1498816921.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4697/469717/469717656.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208485/1208485255.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617842/1617842207.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185114/185114109.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1851/185114/185114178.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2267/226714/226714919.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15563/1556354/1556354077.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307630/307630036.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307630/307630068.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4697/469717/469717662.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4697/469717/469717653.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307630/307630060.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009386.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009962.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009434.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009581.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453731/453731868.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009746.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009842.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009935.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2931/293123/293123124.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6987/698736/698736876.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6987/698736/698736654.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009821.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009983.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453732/453732357.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453732/453732375.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4537/453732/453732027.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15563/1556354/1556354083.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6987/698736/698736687.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565009/565009458.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5650/565010/565010238.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/789/78953/78953016.JPEG" data-image-gallery="galleryemporio-mazatlan" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="emporio-mazatlan" > </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> Very good </span> <span> (1545)</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="78297">Emporio Mazatlan</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">Av. Camaron Sabalo 51</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Emporio Mazatlán is an ideal family-friendly hotel that offers an inviting atmosphere right on the beach. This spacious property features family rooms equipped with kitchenettes, allowing for added convenience during longer stays. The hotel boasts a large pool with a separate area for children, enabling families to relax while keeping a watchful eye on the little ones. Dining options at Emporio include delightful local cuisine and kid-friendly dishes, ensuring there is something for every palate. Situated near popular attractions, families can easily explore the vibrant culture and historic charm of Mazatlán. With its exceptional service and amenities tailored for families, Emporio Mazatlán stands out among the Mazatlán hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">75US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="78297" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-friendly-mazatlan-hotels-for-savvy-travelers">Budget-Friendly Mazatlan Hotels for Savvy Travelers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Travelers looking to explore Mazatlán without breaking the bank will find an array of budget-friendly hotel options. These Mazatlán hotels offer comfortable accommodations with essential amenities while ensuring guests can enjoy the vibrant local culture and beautiful scenery. Many of these hotels are strategically located near popular attractions, making them convenient bases for exploration. From simple yet cozy lodgings to lively hostels, there's something for every budget. With smart choices, travelers can indulge in the spirit of Mazatlán while keeping expenses in check. Experience the charm and excitement of this coastal city at affordable rates in these well-rated hotels.</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="park-royal-beach-mazatlan" data-id="1621085" data-lat="23.277343388618" data-lng="-106.46764755249"> <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/14006/1400630/1400630567.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14006/1400630/1400630567.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580168/1580168835.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580168/1580168937.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580168/1580168862.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613668/1613668753.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613668/1613668747.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613668/1613668755.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15975/1597554/1597554501.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15996/1599647/1599647934.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613668/1613668739.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418854/1418854386.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418854/1418854455.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418854/1418854866.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418854/1418854905.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418856/1418856606.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418856/1418856642.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418856/1418856771.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418856/1418856846.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418856/1418856153.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13375/1337503/1337503253.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15801/1580168/1580168846.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12700/1270058/1270058047.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747139/747139502.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747137/747137726.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747139/747139559.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747140/747140933.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747140/747140948.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747138/747138977.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747140/747140960.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747138/747138851.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2461/246111/246111209.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747138/747138251.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747138/747138179.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14188/1418854/1418854365.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436849/1436849176.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2461/246110/246110009.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250909/250909089.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436849/1436849026.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436847/1436847931.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436848/1436848660.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436848/1436848744.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436848/1436848945.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250909/250909085.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747138/747138257.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12083/1208395/1208395597.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747137/747137765.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436848/1436848204.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1966/196674/196674037.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747137/747137864.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15975/1597554/1597554502.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436852/1436852341.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1966/196674/196674052.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14315/1431588/1431588694.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436849/1436849602.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1966/196674/196674031.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747137/747137744.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12083/1208396/1208396059.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8485/848534/848534618.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8485/848534/848534828.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2224/222490/222490382.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436849/1436849929.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698645/698645931.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9382/938279/938279197.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307629/307629988.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436851/1436851975.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2224/222490/222490454.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8434/843472/843472217.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8434/843472/843472253.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2461/246111/246111217.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6986/698645/698645898.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7561/756141/756141064.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8485/848534/848534432.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7561/756141/756141061.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7561/756141/756141058.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6164/616479/616479025.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9241/924133/924133396.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9241/924133/924133399.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7471/747137/747137789.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505091/505091337.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6164/616479/616479065.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194082/194082472.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3923/392310/392310111.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7561/756141/756141073.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6164/616479/616479105.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7561/756141/756141070.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3210/321041/321041341.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4697/469717/469717314.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5878/587803/587803908.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307629/307629924.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469164/469164045.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16136/1613668/1613668741.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5878/587800/587800578.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307629/307629964.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307629/307629940.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3535/353579/353579284.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307630/307630020.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307629/307629956.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3076/307630/307630028.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3535/353579/353579269.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2973/297315/297315984.JPEG" data-image-gallery="gallerypark-royal-beach-mazatlan" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="park-royal-beach-mazatlan" > </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.7 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1041)</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="266671">Park Royal Beach Mazatlan</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">Blvd Sabalo Cerritos No 3110</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Park Royal Beach Mazatlán is a charming hotel designed to accommodate families in a cozy beachside setting. Featuring spacious rooms with beautiful views, the hotel serves a delicious buffet breakfast to fuel the day’s adventures. A highlight of the Park Royal is its expansive pool area, which offers a family pool as well as direct beach access for fun-filled days in the sun. The hotel also provides organized activities for children, allowing parents some well-deserved leisure time. Located in close proximity to attractions like the Mazatlán Aquarium and historical sites, families can create unforgettable memories together. Among the many Mazatlán hotels, Park Royal Beach is a top contender for families on the go. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">72US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="266671" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="ibis-mazatlan-marina" data-id="1621144" data-lat="23.283607" data-lng="-106.450195"> <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/12791/1279114/1279114015.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12791/1279114/1279114015.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113295.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113403.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113865.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114162.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114186.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114210.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114276.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114444.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7278/727892/727892542.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6678/667892/667892427.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113997.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113838.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667617/667617399.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618128.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618164.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618197.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113475.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113520.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113958.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114408.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114240.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279112/1279112980.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6678/667893/667893354.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667619/667619214.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113928.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6678/667892/667892736.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114318.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618182.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114051.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113760.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113226.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113598.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113556.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6956/695692/695692953.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667617/667617414.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6678/667893/667893069.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113799.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113727.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618686.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6678/667892/667892463.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618143.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667618/667618650.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113250.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7742/774270/774270718.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114357.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667619/667619238.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279113/1279113895.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114123.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279114/1279114372.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279112/1279112881.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10193/1019382/1019382985.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667617/667617429.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667619/667619226.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6676/667617/667617447.JPEG" data-image-gallery="galleryibis-mazatlan-marina" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ibis-mazatlan-marina" > </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> (1287)</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="3678682">Ibis Mazatlan Marina</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">Avenida Del Delfin 6300</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ibis Mazatlán Marina is a fantastic choice for budget travelers seeking modern accommodations. Each room comes with essential amenities and contemporary decor, ensuring guests feel comfortable during their stay. Positioned just a short distance from the beach, guests can easily enjoy the sun and surf while also exploring nearby attractions. The hotel offers a café for quick meals and snacks, ideal for those on the go. Additionally, the friendly staff is more than willing to assist with recommendations to enhance guests' experiences in Mazatlán. As an affordable yet appealing choice, Ibis Mazatlán Marina thrives within the budget-friendly options of Mazatlán hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">31US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="3678682" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="romantic-mazatlan-hotels-for-couples-retreats">Romantic Mazatlan Hotels for Couples' Retreats</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For couples seeking a romantic getaway, Mazatlán boasts hotels that provide an intimate atmosphere surrounded by breathtaking scenery. These Mazatlán hotels are designed to create memorable experiences, offering charming accommodations and personalized services. Many feature seaside restaurants, spa treatments, and romantic ambiance to enhance your stay. Located near picturesque beaches and vibrant nightlife, these hotels allow couples to explore the cultural and romantic allure of Mazatlán. Whether you’re celebrating an anniversary or simply enjoying a spontaneous escape, these hotels are perfect for couples looking for love. Discover unparalleled romance and relaxation at these enchanting hotels.</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="doubletree-by-hilton-mazatlan-sin" data-id="1621213" data-lat="23.254758125074" data-lng="-106.45882006735"> <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/15524/1552451/1552451932.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15524/1552451/1552451932.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12791/1279100/1279100779.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717175.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717117.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717173.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717162.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717138.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717122.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717163.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717168.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717170.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717190.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717199.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793470.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793472.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793475.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793476.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793533.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717119.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717120.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717121.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717127.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717129.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717130.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717132.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717136.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717142.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717143.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717145.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717146.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717153.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717159.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717164.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717172.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717180.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717182.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717187.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717188.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717194.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717195.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717200.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717202.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717203.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717204.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717205.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717206.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717208.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717209.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717210.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793469.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793474.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793478.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793479.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793480.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793520.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793521.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793529.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717158.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717185.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451986.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451740.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451782.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451806.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451818.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451935.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451938.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451944.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451953.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451983.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15237/1523791/1523791957.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451761.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451764.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451788.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451791.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451833.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451902.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451971.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451863.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451896.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451989.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717179.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717192.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717169.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717201.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793473.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717115.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451785.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15524/1552451/1552451821.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717198.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717151.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717149.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717184.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793468.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717131.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717186.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601717/1601717189.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16047/1604793/1604793471.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12790/1279098/1279098730.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12790/1279096/1279096849.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6058/605852/605852544.JPEG" data-image-gallery="gallerydoubletree-by-hilton-mazatlan-sin" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="doubletree-by-hilton-mazatlan-sin" > </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> Very good </span> <span> (1408)</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="2524824">Doubletree By Hilton Mazatlan, Sin</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">905 Avenida Camaron Sabalo</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Doubletree by Hilton Mazatlán is the perfect blend of luxury and modern amenities, making it a great choice for discerning travelers. This beachfront hotel has contemporary rooms with breathtaking ocean views and features a stunning pool area ideal for relaxation. Guests can savor delicious gourmet options at the hotel's on-site restaurant while enjoying live music and vibrant entertainment. The resort is also conveniently located near local attractions to ensure that visitors can explore the rich culture of Mazatlán while still enjoying indulgent comforts. With its friendly staff and high-quality services, the Doubletree by Hilton stands out as a top-tier option in the expansive offerings of Mazatlán hotels. A stay at this hotel ensures unforgettable memories along Mexico's stunning Pacific coast. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">116US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="2524824" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-kavia-mazatlan" data-id="1621276" data-lat="23.25943467" data-lng="-106.462841"> <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/14594/1459401/1459401496.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14594/1459401/1459401496.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616490/1616490648.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479289.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479291.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868094.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611327/1611327003.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611327/1611327123.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611328/1611328177.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611328/1611328181.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606655/1606655046.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16072/1607292/1607292191.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16088/1608856/1608856418.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609391/1609391310.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609391/1609391307.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609391/1609391309.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16007/1600703/1600703763.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16007/1600703/1600703764.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16007/1600703/1600703768.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16007/1600703/1600703771.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16007/1600703/1600703773.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16017/1601777/1601777566.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16030/1603078/1603078276.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15962/1596228/1596228763.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15990/1599023/1599023920.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15990/1599023/1599023921.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15990/1599023/1599023938.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16144/1614404/1614404770.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16144/1614404/1614404769.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479277.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479280.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479284.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16175/1617527/1617527977.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16175/1617527/1617527989.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617893/1617893944.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16183/1618347/1618347472.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16188/1618876/1618876649.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16183/1618347/1618347479.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16144/1614404/1614404772.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16144/1614404/1614404773.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868082.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868085.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868087.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868088.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611327/1611327132.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16130/1613033/1613033365.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479283.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16088/1608856/1608856318.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16041/1604193/1604193211.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868092.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16154/1615442/1615442604.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16264/1626431/1626431775.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16264/1626431/1626431789.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606655/1606655047.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16103/1610310/1610310103.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16154/1615442/1615442606.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15969/1596988/1596988937.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479276.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479287.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16041/1604193/1604193215.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15990/1599023/1599023936.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15855/1585548/1585548914.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16237/1623745/1623745548.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16237/1623745/1623745550.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16257/1625716/1625716502.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611326/1611326767.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611326/1611326755.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16264/1626431/1626431790.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16192/1619292/1619292717.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609391/1609391314.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617893/1617893943.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16148/1614868/1614868089.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16248/1624842/1624842176.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12983/1298384/1298384509.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12983/1298375/1298375647.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298075/1298075482.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298075/1298075569.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298077/1298077327.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298077/1298077456.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298077/1298077696.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298068/1298068546.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616490/1616490657.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16077/1607750/1607750602.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479282.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16144/1614404/1614404775.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12983/1298382/1298382838.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16183/1618347/1618347477.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16134/1613479/1613479279.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15962/1596229/1596229092.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16125/1612519/1612519538.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16037/1603798/1603798137.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16248/1624842/1624842203.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15885/1588530/1588530704.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16030/1603078/1603078269.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16007/1600703/1600703775.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16257/1625716/1625716505.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16257/1625716/1625716506.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16113/1611326/1611326762.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620250/1620250720.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16192/1619292/1619292713.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12980/1298075/1298075311.JPEG" data-image-gallery="galleryhotel-kavia-mazatlan" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-kavia-mazatlan" > </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> Very good </span> <span> (791)</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="8337470">Hotel Kavia Mazatlan</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Av Camaron Sabalo #1996</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Kavia Mazatlán is a hip and trendy hotel that caters to the artistic and youthful spirit of Mazatlán. This hotel is a canvas for local artists, featuring colorful murals and modern art installations throughout the property. Its inviting atmosphere and social vibe make it an excellent base for young travelers looking to connect with the local scene. The hotel includes spacious dormitory-style accommodations as well as private rooms, ensuring a variety of options for all types of guests. An on-site café offers delicious snacks and beverages to fuel your daily adventures. Hotel Kavia Mazatlán is a unique destination among the more creative Mazatlán hotels, providing a lively, artistic retreat in the center of the city. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">50US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="8337470" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="mazatlan-hotels-with-unique-themes-and-experiences">Mazatlán Hotels with Unique Themes and Experiences</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers seeking distinctive experiences in Mazatlán, there are a variety of themed hotels that provide something more than just a place to stay. These Mazatlán hotels showcase local culture, artistic flair, and creative environments that enrich the overall vacation experience. Many of these hotels can offer unique amenities, from artistic decor to immersive cultural activities, making them perfect for adventurous spirits. Visitors are invited to engage with the local lifestyle, learn about regional traditions, and make the most of their time in this charming coastal city. Here are a few exceptional hotels that embody this spirit and provide guests with unforgettable experiences.</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="courtyard-by-marriott-mazatlan-beach-resort" data-id="1621277" data-lat="23.24314" data-lng="-106.453429"> <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/13812/1381227/1381227779.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13812/1381227/1381227779.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653616.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653624.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653628.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653636.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653642.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653646.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653648.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653649.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653652.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653658.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653659.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653662.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653663.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653664.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653672.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16077/1607748/1607748967.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653667.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653600.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653633.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653661.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14301/1430154/1430154175.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14301/1430154/1430154532.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14301/1430157/1430157076.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214012.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214021.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214030.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214048.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214054.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214060.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214066.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214084.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214090.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219079.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219097.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219103.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219124.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219148.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219190.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219202.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219229.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219256.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219268.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381227/1381227800.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381227/1381227818.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381227/1381227833.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381227/1381227842.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381227/1381227866.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228598.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228613.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228616.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228619.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228622.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13484/1348432/1348432784.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13502/1350271/1350271063.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13515/1351511/1351511617.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13515/1351528/1351528507.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653559.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653644.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381214/1381214075.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653655.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14037/1403711/1403711723.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228610.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13515/1351511/1351511323.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653634.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219169.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653656.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13515/1351528/1351528549.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13461/1346173/1346173706.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13502/1350266/1350266758.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16077/1607748/1607748960.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13484/1348433/1348433921.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653594.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219109.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653635.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381213/1381213973.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16103/1610308/1610308087.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653660.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16103/1610308/1610308067.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228583.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381228/1381228607.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653643.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653625.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13812/1381219/1381219133.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606653/1606653619.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16103/1610308/1610308078.JPEG" data-image-gallery="gallerycourtyard-by-marriott-mazatlan-beach-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-mazatlan-beach-resort" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (450)</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="8242357">Courtyard By Marriott Mazatlan Beach Resort</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">Av. Playa Gaviotas 214</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Courtyard By Marriott Mazatlán Beach Resort provides guests with a modern and vibrant setting that captures the essence of Mazatlán’s nightlife. With its location along the beachfront and near the pulsating nightlife of the city, guests can easily transition from sunset beach walks to lively evening entertainment. The hotel features on-site dining options and lounge areas where guests can unwind before heading out to explore nearby bars and clubs. With an atmosphere that blends relaxation and excitement, the Courtyard by Marriott makes for a great stay for those wishing to dance the night away. This hotel epitomizes the fun and lively spirit of Mazatlán hotels geared towards nightlife enthusiasts. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">118US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="8242357" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="quality-inn-mazatlan" data-id="1621278" data-lat="23.242253" data-lng="-106.449493"> <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/16205/1620594/1620594292.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/16205/1620594/1620594292.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594271.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594277.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594289.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594276.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15805/1580559/1580559047.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15805/1580559/1580559061.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15805/1580559/1580559075.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594287.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15279/1527990/1527990466.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15465/1546595/1546595746.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15596/1559661/1559661358.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594288.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594278.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594279.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594143.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15596/1559661/1559661364.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594286.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15465/1546588/1546588438.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15596/1559662/1559662477.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594273.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594274.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594283.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594275.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594282.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15805/1580558/1580558945.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621414/1621414157.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621414/1621414158.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621414/1621414159.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273731/1273731166.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273731/1273731787.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273731/1273731121.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594284.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234944/1234944863.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234945/1234945178.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234945/1234945325.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208410/1208410069.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594285.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234945/1234945229.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034843/1034843792.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034843/1034843939.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10348/1034844/1034844005.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208411/1208411167.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234946/1234946135.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208410/1208410666.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334440/334440469.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10175/1017573/1017573820.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234944/1234944971.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594280.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8928/892864/892864981.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208409/1208409826.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234945/1234945934.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334440/334440478.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5815/581567/581567772.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9242/924232/924232804.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6782/678262/678262299.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6145/614554/614554655.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5815/581567/581567817.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505096/505096473.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5050/505096/505096347.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594270.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3917/391731/391731732.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5815/581567/581567760.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334440/334440490.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334440/334440487.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2857/285771/285771581.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5815/581567/581567811.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3900/390089/390089250.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5878/587805/587805450.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6782/678262/678262506.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5551/555110/555110307.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5551/555110/555110667.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15596/1559662/1559662498.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5551/555110/555110469.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5551/555111/555111186.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12737/1273730/1273730881.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5551/555110/555110154.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334440/334440460.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335730.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335766.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6872/687276/687276879.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6872/687276/687276306.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1037/103737/103737629.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6872/687276/687276942.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6872/687276/687276552.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335688.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335946.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335967.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335889.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335976.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335709.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188335/188335907.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1883/188336/188336000.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15805/1580559/1580559065.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16205/1620594/1620594281.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6782/678262/678262173.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3917/391731/391731741.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3917/391731/391731738.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12349/1234945/1234945037.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334440/334440364.JPEG" data-image-gallery="galleryquality-inn-mazatlan" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="quality-inn-mazatlan" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (864)</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="333780">Quality Inn Mazatlan</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">Bugambilias 100,</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Quality Inn Mazatlán is known for its great value and comfortable atmosphere, making it a standout among budget-friendly hotels. The hotel features a variety of room types, accommodating families, couples, and solo travelers. With amenities including a swimming pool, complimentary breakfast, and free Wi-Fi, it offers everything needed for a pleasant stay. Its convenient location near the waterfront allows guests to easily access the beach, local dining, and shopping. Quality Inn also provides helpful staff who can offer tips on experiencing the best of Mazatlán on a budget. This hotel is a solid choice for affordable stays within the realm of Mazatlán hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">53US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="333780" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="eco-friendly-mazatlan-hotels-for-sustainable-travel">Eco-Friendly Mazatlán Hotels for Sustainable Travel</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For environmentally-conscious travelers seeking eco-friendly options, Mazatlán offers hotels that prioritize sustainability and environmental preservation. These Mazatlán hotels implement practices that reduce their carbon footprint and promote responsible tourism while still providing a comfortable stay. Guests can expect an emphasis on energy efficiency, local sourcing for amenities, and support for community initiatives. Staying at these sustainable hotels allows visitors to enjoy their getaway while making a positive impact on the environment and the local community. Here are some top hotels that demonstrate a commitment to sustainability in this coastal paradise.</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-quijote-inn" data-id="1621327" data-lat="23.25737" data-lng="-106.460991"> <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/14191/1419140/1419140373.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14191/1419140/1419140373.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436866/1436866669.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436867/1436867701.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436868/1436868412.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436867/1436867881.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436868/1436868730.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436868/1436868886.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531728.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531515.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530942.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531329.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531332.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531350.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531467.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532532/1532532061.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436865/1436865559.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530939.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530840.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531659.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531596.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530963.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530750.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419133/1419133101.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14070/1407080/1407080918.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414461/1414461908.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414477/1414477362.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414483/1414483943.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14156/1415631/1415631831.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419138/1419138240.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419138/1419138810.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419139/1419139095.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419139/1419139461.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419139/1419139572.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419140/1419140259.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419140/1419140598.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419140/1419140616.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141429.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141513.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141546.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141753.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141816.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141879.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141897.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419145/1419145443.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530870.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14070/1407083/1407083585.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13787/1378721/1378721474.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13787/1378711/1378711223.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530873.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530900.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530951.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531719.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531692.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532532/1532532058.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532531/1532531566.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436864/1436864815.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419144/1419144192.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436863/1436863273.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141525.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419145/1419145101.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436862/1436862211.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436864/1436864155.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436864/1436864338.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436864/1436864593.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14070/1407080/1407080879.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14144/1414462/1414462124.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12736/1273673/1273673731.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419138/1419138318.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419138/1419138483.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14191/1419141/1419141894.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436857/1436857666.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436857/1436857162.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208443/1208443453.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208443/1208443735.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208444/1208444428.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208443/1208443681.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208444/1208444749.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532532/1532532052.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436857/1436857609.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436862/1436862286.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436859/1436859553.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436858/1436858920.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436859/1436859271.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436860/1436860198.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436861/1436861569.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436861/1436861101.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436861/1436861743.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436860/1436860246.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208445/1208445184.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14070/1407083/1407083783.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436862/1436862010.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436861/1436861236.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14368/1436862/1436862409.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3554/355499/355499719.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3554/355499/355499746.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15325/1532530/1532530828.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8333/833357/833357582.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12084/1208443/1208443999.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4829/482974/482974212.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4452/445222/445222311.JPEG" data-image-gallery="galleryhotel-quijote-inn" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-quijote-inn" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1188)</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="347969">Hotel Quijote Inn</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">Av Camaron Sabalo S/N Esq Tiburon</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Quijote Inn is a budget-friendly option that welcomes travelers looking for comfort without a hefty price tag. Located close to the beach and local shops, this hotel provides guests with convenient access to the heart of Mazatlán. The rooms are modest yet cozy, allowing for a restful night's sleep in a friendly atmosphere. With an on-site restaurant serving delicious local cuisine, guests can enjoy dining options without venturing far. The hotel also features a small pool area, making it easy for guests to relax after a day of exploring. This hotel exemplifies excellent value among the selection of budget-conscious Mazatlán hotels. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">67US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="347969" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="casa-de-leyendas" data-id="1621386" data-lat="23.19629" data-lng="-106.42579"> <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/6680/668030/668030157.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6680/668030/668030157.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277096.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277106.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701450.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701457.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701461.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701462.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701465.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701468.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16006/1600614/1600614506.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16006/1600612/1600612619.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443452.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443459.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443464.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443466.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443468.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443470.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443473.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443476.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443479.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606606/1606606875.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606606/1606606885.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606606/1606606896.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277080.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277081.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277085.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277087.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277089.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277097.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277099.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277100.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277104.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277105.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16006/1600614/1600614522.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701460.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277082.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277083.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277088.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277091.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277092.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701471.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701473.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701474.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701476.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277084.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277090.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701451.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6680/668077/668077845.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443457.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701464.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277098.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277101.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277094.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16006/1600612/1600612615.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277095.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443449.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277103.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16006/1600614/1600614504.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15937/1593701/1593701446.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277102.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443475.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606606/1606606869.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277086.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16066/1606606/1606606871.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600277/1600277093.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621443/1621443480.JPEG" data-image-gallery="gallerycasa-de-leyendas" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="casa-de-leyendas" > </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.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (151)</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="3769484">Casa De Leyendas</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Venustiano Carranza 4</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Casa De Leyendas is a charming adults-only boutique hotel that embraces the historical charm of Mazatlán. Nestled in the vibrant Old Town, this hotel features beautifully decorated rooms that reflect local art and culture, offering visitors a taste of the region's rich heritage. Guests are welcomed by warm hospitality and can participate in cultural events hosted at the hotel, such as traditional cooking classes. The rooftop terrace is perfect for enjoying panoramic views of the sea and historic landmarks while sipping a cocktail. Its prime location allows easy access to local galleries, restaurants, and the famous Malecon. Casa De Leyendas stands out among the unique Mazatlán hotels, ensuring guests have a culturally immersive experience. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">76US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="3769484" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/playa-del-carmen-hotels">Playa del Carmen</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/guanajuato-hotels">Guanajuato</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/san-miguel-de-allende-hotels">San Miguel de Allende</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/san-francisco-nayarit-hotels">San Francisco (Nayarit)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/bacalar-hotels">Bacalar</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/monterrey-hotels">Monterrey</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/oaxaca-hotels">Oaxaca</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/guadalajara-hotels">Guadalajara</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/zihuatanejo-hotels">Zihuatanejo</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/progreso-yucatan-hotels">Progreso (Yucatan)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/tijuana-hotels">Tijuana</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/puebla-hotels">Puebla</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/us/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/bridgeport-hotels-wv">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-moritz-hotels">St. Moritz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels-tn">Jackson</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/temple-hotels">Temple</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/mazatlan-hotels-zona-dorada">Zona Dorada</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/mazatlan-hotels-malecon-of-mazatlan">Malecon of Mazatlan</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Mazatlan</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Mazatlan</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-resorts">mazatlan all inclusive resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-motels">moteles en mazatlan</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-beach-hotels">beachfront hotels in mazatlan</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-family-hotels">mazatlan family hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-5-star-hotels">5 star hotels in mazatlan mexico</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-cheap-hotels">cheap hotels in mazatlan mexico</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-boutique-hotels">mazatlan boutique hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/mazatlan-hotels-near-mzt">hotels near mazatlan airport</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"lf17CZg7LxqkwE5b"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-1682941","dest_name":"Mazatlan","city_id":18044,"pid":827878,"page":"post","bid":"-1682941"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

Best Hotels in Mazatlan, Mexico from 31US$/night