CINXE.COM
Hoteles y apartamentos en Barcelona, todos los alojamientos en Barcelona
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="es" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Hoteles y apartamentos en Barcelona, todos los alojamientos en Barcelona</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="hoteles en Barcelona, apartamentos en Barcelona, alojamientos en Barcelona"/> <meta name="description" content="Reserva online de hoteles en Barcelona, España. Buena disponibilidad y precios excelentes. Tarifas económicas y seguras, paga en el hotel, sin gastos de reserva."/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/playfairdisplay/v29/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtM.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/dynalight/v18/1Ptsg8LOU_aOmQvTsF44TYFq.woff2"> <link importance="high" rel="preload" media="(min-width: 701px)" href="/img/bg/126989.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 700px) and (min-width: 451px)" href="/img/bg/700x500/126989.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 450px)" href="/img/bg/450x450/126989.JPEG" as="image"> <link rel="stylesheet" type="text/css" href="/new/designs/80/build/destination-main-page/style.4772c7159f11b62b00f04005e4214611.css"> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <link rel="alternate" hreflang="ar" type="text/html" href="https://www.catalonia-hotels.com/ar/barcelona-hotels-45/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.catalonia-hotels.com/zh/barcelona-hotels-45/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.catalonia-hotels.com/cs/barcelona-hotels-45/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.catalonia-hotels.com/da/barcelona-hotels-45/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.catalonia-hotels.com/de/barcelona-hotels-45/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.catalonia-hotels.com/en/barcelona-hotels-45/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.catalonia-hotels.com/es/barcelona-hotels-45/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.catalonia-hotels.com/fr/barcelona-hotels-45/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.catalonia-hotels.com/el/barcelona-hotels-45/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.catalonia-hotels.com/he/barcelona-hotels-45/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.catalonia-hotels.com/it/barcelona-hotels-45/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.catalonia-hotels.com/ja/barcelona-hotels-45/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.catalonia-hotels.com/ko/barcelona-hotels-45/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.catalonia-hotels.com/hu/barcelona-hotels-45/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.catalonia-hotels.com/nl/barcelona-hotels-45/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.catalonia-hotels.com/pl/barcelona-hotels-45/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.catalonia-hotels.com/pt/barcelona-hotels-45/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.catalonia-hotels.com/ru/barcelona-hotels-45/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.catalonia-hotels.com/sv/barcelona-hotels-45/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.catalonia-hotels.com/tr/barcelona-hotels-45/" title="Turkish"/> <link rel="canonical" href="https://www.catalonia-hotels.com/es/barcelona-hotels-45/"/> </head> <body> <div class="banner banner--main" style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))"> <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <picture> <source srcset="/img/bg/126989.JPEG" media="(min-width: 701px)"> <source srcset="/img/bg/700x500/126989.JPEG" media="(max-width: 700px) and (min-width: 451px)"> <source srcset="/img/bg/450x450/126989.JPEG" media="(max-width: 450px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--19" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--20" srcset="" alt=""> </picture> </div> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo js-link js-link-hex" data-hex=34372e3130312e3131352e3437 > <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Barcelona </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">Ofertas</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Hoteles</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Hoteles</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">Todas las colecciones</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/hotels-12/" class="mega-menu__link js-link">Hoteles en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/aparthotels-2/" class="mega-menu__link js-link">Apartahoteles en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Bed and breakfasts en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/hostels-11/" class="mega-menu__link js-link">Hostales en Barcelona</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">Por estrellas</span> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/5-stars/" class="mega-menu__link js-link">Hoteles de 5 estrellas en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/4-stars/" class="mega-menu__link js-link">Hoteles de 4 estrellas en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/3-stars/" class="mega-menu__link js-link">Hoteles de 3 estrellas en Barcelona</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">Casas de vacaciones</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">Casas de vacaciones</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">Todas las colecciones</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/apartments-3/" class="mega-menu__link js-link">Apartamentos en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/villas-24/" class="mega-menu__link js-link">Villas en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/homestays-32/" class="mega-menu__link js-link">Habitaciones en casas particulares en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/holiday-homes-33/" class="mega-menu__link js-link">Сasas de vacaciones en Barcelona</a> </li> <li class="mega-menu__list-item"> <a href="/es/barcelona-hotels-45/type/guest-houses-10/" class="mega-menu__link js-link">Pensiones en Barcelona</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link js-link js-link-hex" data-hex=34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">Atención al cliente</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a href="/es/" class="header-logo"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Barcelona </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">Español</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <a href="/ar/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="العربية"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </a> <a href="/zh/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="简体中文"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-zh.svg" width="20" height="20" class="dropdown__icon" alt="zh" loading="lazy"> <div class="dropdown__name">简体中文</div> </a> <a href="/cs/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Čeština"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-cs.svg" width="20" height="20" class="dropdown__icon" alt="cs" loading="lazy"> <div class="dropdown__name">Čeština</div> </a> <a href="/da/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Dansk"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-da.svg" width="20" height="20" class="dropdown__icon" alt="da" loading="lazy"> <div class="dropdown__name">Dansk</div> </a> <a href="/de/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Deutsch"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a href="/en/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="English"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" loading="lazy"> <div class="dropdown__name">English</div> </a> <a href="/es/barcelona-hotels-45/" class="dropdown__link js-save-params js-link is-active" data-name="Español"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" > <div class="dropdown__name">Español</div> </a> <a href="/fr/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Français"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" loading="lazy"> <div class="dropdown__name">Français</div> </a> <a href="/el/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Ελληνικά"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </a> <a href="/he/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="עברית"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-he.svg" width="20" height="20" class="dropdown__icon" alt="he" loading="lazy"> <div class="dropdown__name">עברית</div> </a> <a href="/it/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Italiano"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-it.svg" width="20" height="20" class="dropdown__icon" alt="it" loading="lazy"> <div class="dropdown__name">Italiano</div> </a> <a href="/ja/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="日本語"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ja.svg" width="20" height="20" class="dropdown__icon" alt="ja" loading="lazy"> <div class="dropdown__name">日本語</div> </a> <a href="/ko/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="한국어"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ko.svg" width="20" height="20" class="dropdown__icon" alt="ko" loading="lazy"> <div class="dropdown__name">한국어</div> </a> <a href="/hu/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Magyar"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-hu.svg" width="20" height="20" class="dropdown__icon" alt="hu" loading="lazy"> <div class="dropdown__name">Magyar</div> </a> <a href="/nl/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Nederlands"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" loading="lazy"> <div class="dropdown__name">Nederlands</div> </a> <a href="/pl/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Polski"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a href="/pt/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Português"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <a href="/ru/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Русский"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ru.svg" width="20" height="20" class="dropdown__icon" alt="ru" loading="lazy"> <div class="dropdown__name">Русский</div> </a> <a href="/sv/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Svenska"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-sv.svg" width="20" height="20" class="dropdown__icon" alt="sv" loading="lazy"> <div class="dropdown__name">Svenska</div> </a> <a href="/tr/barcelona-hotels-45/" class="dropdown__link js-save-params js-link " data-name="Türkçe"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-tr.svg" width="20" height="20" class="dropdown__icon" alt="tr" loading="lazy"> <div class="dropdown__name">Türkçe</div> </a> </div> </div> </div> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.92891 17.0711C4.81766 18.9598 7.32891 20 10 20C12.6711 20 15.1824 18.9599 17.0711 17.0711C18.9598 15.1823 20 12.6711 20 10C20 7.32891 18.9598 4.81766 17.0711 2.92891C15.1823 1.04016 12.6711 0 10 0C7.32891 0 4.81762 1.04012 2.92891 2.92891C1.0402 4.8177 0 7.32891 0 10C0 12.6711 1.04016 15.1823 2.92891 17.0711ZM1.25 10C1.25 5.17523 5.17523 1.25 10 1.25C14.8248 1.25 18.75 5.17523 18.75 10C18.75 14.8248 14.8248 18.75 10 18.75C5.17523 18.75 1.25 14.8248 1.25 10Z"/> <path d="M10 9.375C9.13844 9.375 8.4375 8.67406 8.4375 7.8125C8.4375 6.95094 9.13844 6.25 10 6.25C10.8616 6.25 11.5625 6.95094 11.5625 7.8125C11.5625 8.15766 11.8423 8.4375 12.1875 8.4375C12.5327 8.4375 12.8125 8.15766 12.8125 7.8125C12.8125 6.47652 11.8759 5.35594 10.625 5.07086V4.375C10.625 4.02984 10.3452 3.75 10 3.75C9.6548 3.75 9.375 4.02984 9.375 4.375V5.07086C8.12414 5.35594 7.1875 6.47652 7.1875 7.8125C7.1875 9.36332 8.44918 10.625 10 10.625C10.8616 10.625 11.5625 11.3259 11.5625 12.1875C11.5625 13.0491 10.8616 13.75 10 13.75C9.13844 13.75 8.4375 13.0491 8.4375 12.1875C8.4375 11.8423 8.1577 11.5625 7.8125 11.5625C7.4673 11.5625 7.1875 11.8423 7.1875 12.1875C7.1875 13.5235 8.12414 14.6441 9.375 14.9291V15.625C9.375 15.9702 9.6548 16.25 10 16.25C10.3452 16.25 10.625 15.9702 10.625 15.625V14.9291C11.8759 14.6441 12.8125 13.5235 12.8125 12.1875C12.8125 10.6367 11.5508 9.375 10 9.375Z"/> </svg> <div class="accordion-btn__text">Moneda</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--currencies js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link js-link-hex is-active js-save-params" data-curr="1" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <div class="dropdown__code">USD</div> <div class="dropdown__name">Dólar estadounidense</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="3" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <div class="dropdown__code">EUR</div> <div class="dropdown__name">Euro</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="7" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <div class="dropdown__code">GBP</div> <div class="dropdown__name">Libra esterlina</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="11" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <div class="dropdown__code">AUD</div> <div class="dropdown__name">Dólar australiano</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="21" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <div class="dropdown__code">CAD</div> <div class="dropdown__name">Dólar canadiense</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="48" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <div class="dropdown__code">BRL</div> <div class="dropdown__name">Real brasileño</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="49" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <div class="dropdown__code">BGN</div> <div class="dropdown__name">Lev búlgaro</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="57" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <div class="dropdown__code">CNY</div> <div class="dropdown__name">Yuan chino</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="66" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <div class="dropdown__code">CZK</div> <div class="dropdown__name">Corona checa</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="4" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <div class="dropdown__code">DKK</div> <div class="dropdown__name">Corona danesa</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="13" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <div class="dropdown__code">HKD</div> <div class="dropdown__name">Dólar de Hong Kong</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="77" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <div class="dropdown__code">ILS</div> <div class="dropdown__name">Nuevo séquel israelí</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="23" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <div class="dropdown__code">JPY</div> <div class="dropdown__name">Yen japonés</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="10" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <div class="dropdown__code">MYR</div> <div class="dropdown__name">Ringgit malayo</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="12" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <div class="dropdown__code">NZD</div> <div class="dropdown__name">Dólar neozelandés</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="22" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <div class="dropdown__code">NOK</div> <div class="dropdown__name">Corona noruega</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="135" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <div class="dropdown__code">PLN</div> <div class="dropdown__name">Zloty polaco</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="136" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <div class="dropdown__code">RON</div> <div class="dropdown__name">Leu rumano</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="137" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <div class="dropdown__code">RUB</div> <div class="dropdown__name">Rublo ruso</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="142" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <div class="dropdown__code">SAR</div> <div class="dropdown__name">Riyal saudí</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="24" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <div class="dropdown__code">SGD</div> <div class="dropdown__name">Dólar de Singapur</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="15" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <div class="dropdown__code">ZAR</div> <div class="dropdown__name">Rand sudafricano</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="151" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <div class="dropdown__code">KRW</div> <div class="dropdown__name">Wŏn surcoreano</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="9" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <div class="dropdown__code">SEK</div> <div class="dropdown__name">Corona sueca</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="8" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <div class="dropdown__code">CHF</div> <div class="dropdown__name">Franco suizo</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="162" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <div class="dropdown__code">TRY</div> <div class="dropdown__name">Lira turca</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="166" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <div class="dropdown__code">UAH</div> <div class="dropdown__name">Hryvnia ucraniana</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="2" data-hex=34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <div class="dropdown__code">THB</div> <div class="dropdown__name">Baht tailandés</div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="banner__content"> <h1 class="banner__title"> Los mejores alojamientos en Barcelona </h1> <p class="banner__text">Descubre el mundo del confort y la privacidad</p> </div> <div class="form-wrap js-avail-form-mob"> <div class="form-wrap__icon"> <svg width="17" height="15" viewBox="0 0 17 15" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3037 6.18838C14.8224 6.64861 13.3717 7.26224 11.9514 8.02929C10.531 8.79634 9.41777 9.57776 8.61151 10.3736C7.82401 9.58735 6.70839 8.80833 5.26464 8.03648C3.82088 7.26464 2.34902 6.64861 0.849011 6.18838L0.694324 6.63423C2.34433 7.85192 3.79979 9.11274 5.06073 10.4167C6.32167 11.7207 7.43026 13.1685 8.38651 14.7601H8.7662C9.72245 13.1781 10.8334 11.7351 12.099 10.4311C13.3646 9.12712 14.8271 7.86151 16.4865 6.63423L16.3037 6.18838ZM15.6146 0.320309C14.2459 0.723009 12.9193 1.25514 11.6349 1.91672C10.3506 2.5783 9.34276 3.25425 8.61151 3.9446C7.88963 3.26384 6.87714 2.59029 5.57401 1.92391C4.27088 1.25754 2.92558 0.723009 1.53807 0.320309L1.38339 0.766153C2.87402 1.8592 4.19823 3.00256 5.35604 4.19629C6.51386 5.39001 7.52401 6.71075 8.38651 8.15855H8.7662C9.6287 6.71075 10.6388 5.39001 11.7967 4.19629C12.9545 3.00256 14.2834 1.8592 15.7834 0.766153L15.6146 0.320309Z"/> </svg> </div> <div class="form-wrap__title">Introduce las fechas para comprobar la disponibilidad</div> <form class="avail-form js-avail-form " autocomplete="off" action="/es/barcelona-hotels-45/search/" method="post"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="s" value="1" /> <div class="avail-form__calendar js-new-calendar-wrapper"> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Entrada:</div> <div class="field__text js-new-calendar-from-text"> <span class="field__number js-date-day">13</span> <span class="js-date-month">January</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-01-13"> </fieldset> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">Salida:</div> <div class="field__text js-new-calendar-to-text"> <span class="field__number js-date-day">14</span> <span class="js-date-month">January</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> noche)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> noches)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> noches)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-01-14"> </fieldset> </div> <div class="avail-form__guests js-guests-wrapper"> <div class="avail-form__field-guests field js-guests-toggler"> <div class="field__wrapper"> <div class="field__label">Huéspedes</div> <div class="field__text"> <span class="js-guests-count">2</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="1"> huésped</span> <span class="js-guests-count-text" style="display: inline;" data-guests-count="2"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="3"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="4"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="5"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="6"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="7"> huéspedes</span> </div> </div> <svg width="15" height="9" class="field__icon" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg"> <path d="M14.614 0.320312C13.2452 0.723013 11.9187 1.25515 10.6343 1.91673C9.3499 2.57831 8.34209 3.25426 7.61084 3.9446C6.88896 3.26385 5.87647 2.59029 4.57334 1.92392C3.27021 1.25754 1.92491 0.723013 0.537402 0.320312L0.382715 0.766157C1.87335 1.8592 3.19755 3.00257 4.35537 4.19629C5.51319 5.39001 6.52334 6.71075 7.38584 8.15856H7.76553C8.62803 6.71075 9.63818 5.39001 10.796 4.19629C11.9538 3.00257 13.2827 1.8592 14.7827 0.766157L14.614 0.320312Z" /> </svg> </div> <div class="avail-form__dropdown js-guests-dropdown guests-dropdown"> <div class="guests-dropdown__wrapper"> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Adultos:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease js-guests-btn" data-type="adults" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-adults-count">2</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="adults" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="adults" class="js-adults-select hidden" value="2" name="adults"> </div> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">Niños:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease is-disabled js-guests-btn" data-type="children" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-children-count">0</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="children" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="childs" class="js-children-select hidden" value="0" name="children"> </div> </div> <div class="guests-dropdown__age js-age-container"> <div class="guests-dropdown__label js-child-age-title">Edades de los niños:</div> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-one"> <span>Especifica la edad del niño</span> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-plural"> <span>Especifica la edad de los niños</span> </div> <div class="avail-form__buttons-wrap"> <button class="avail-form__button avail-form__button--cancel js-cancel-button" type="button">Cancelar</button> <button class="avail-form__button js-ok-button" type="button">Aceptar</button> </div> </div> </div> <div class="avail-form__submit"> <button class="avail-form__submit-btn js-avail-info-submit-btn" type="submit"> <span class="avail-form__submit-text">Buscar</span> </button> </div> </form> <template id="child-age-template"> <fieldset class="guests-dropdown__age-item js-age"> <select class="guests-dropdown__select js-child-age-select" name=""> <option selected value=""> -</option> <option value="0"> ‹1</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10"> 10</option> <option value="11"> 11</option> <option value="12"> 12</option> <option value="13"> 13</option> <option value="14"> 14</option> <option value="15"> 15</option> <option value="16"> 16</option> </select> </fieldset> </template> </div> </div> <div class="content page-main js-page-content"> <div class="inner where-to-stay js-where-to-stay"> <h2 class="where-to-stay__title title">Dónde Alojarse en Barcelona</h2> <p class="where-to-stay__subtitle subtitle">Explora toda la ciudad para elegir lo que más te convenga.</p> <div class="where-to-stay__tabs js-tabs-where-to-stay"> <div class="where-to-stay-tab active" data-target=".js-districts-block"> <span class="where-to-stay-tab__text">Distritos principales</span> </div> <div class="where-to-stay-tab active" data-target=".js-attractions-block"> <span class="where-to-stay-tab__text">Atracciones principales</span> </div> <div class="where-to-stay-tab active" data-target=".js-map-block"> <span class="where-to-stay-tab__text">Explorar mapa</span> </div> </div> <div class="where-to-stay__blocks"> <div class="where-to-stay__block where-to-stay-districts active js-districts-block"> <div class="where-to-stay-districts__wrapper"> <div class="where-to-stay-districts__cards "> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/es/barcelona-hotels-45/near-eixample-dr132713/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4395.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Eixample</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">Ver 2233 propiedades</div> </div> </a> </div> <div class="where-to-stay-districts__cards-item where-to-stay-districts-card"> <a href="/es/barcelona-hotels-45/near-ciutat-vella-dr132712/" target="_blank"> <img class='where-to-stay-districts-card__img' alt=''src="/img/districts/700x500/0/4/4831.JPEG"> <div class="where-to-stay-districts-card__inner"> <div class="where-to-stay-districts-card__inner-name where-to-stay-districts-card__inner-name--white">Ciutat Vella</div> <div class="where-to-stay-districts-card__inner-props where-to-stay-districts-card__inner-props--white">Ver 1097 propiedades</div> </div> </a> </div> </div> <div class="where-to-stay-districts__list"> <ul class="where-to-stay-districts__links"> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/es/barcelona-hotels-45/near-sants-montjuic-dr132718/" target="_blank"> <p class="where-to-stay-districts-link__name">Sants-Montjuïc</p> </a> <p class="where-to-stay-districts-link__props">538 propiedades</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/es/barcelona-hotels-45/near-sant-marti-dr132717/" target="_blank"> <p class="where-to-stay-districts-link__name">Sant Martí</p> </a> <p class="where-to-stay-districts-link__props">502 propiedades</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/es/barcelona-hotels-45/near-gracia-dr132714/" target="_blank"> <p class="where-to-stay-districts-link__name">Gracia</p> </a> <p class="where-to-stay-districts-link__props">452 propiedades</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/es/barcelona-hotels-45/near-sarria-st-gervasi-dr132719/" target="_blank"> <p class="where-to-stay-districts-link__name">Sarrià-Sant Gervasi</p> </a> <p class="where-to-stay-districts-link__props">236 propiedades</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/es/barcelona-hotels-45/near-horta-guinardo-dr132715/" target="_blank"> <p class="where-to-stay-districts-link__name">Horta-Guinardó</p> </a> <p class="where-to-stay-districts-link__props">145 propiedades</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts-link where-to-stay-districts-link"> <a href="/es/barcelona-hotels-45/near-les-corts-dr132716/" target="_blank"> <p class="where-to-stay-districts-link__name">Les Corts</p> </a> <p class="where-to-stay-districts-link__props">104 propiedades</p> <svg class="where-to-stay-districts-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> <div class="where-to-stay-districts__toggle-btn js-districts-toggle-btn active" data-target='.js-more-links'> <span>Mostrar más</span> <span>Ocultar</span> </div> </div> </div> <ul class="where-to-stay-districts__more js-more-links active"> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-sant-andreu-dr133154/" target="_blank"> <p class="districts-more-link__name">Sant Andreu</p> </a> <p class="districts-more-link__props">50 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-nou-barris-dr283907/" target="_blank"> <p class="districts-more-link__name">Nou Barris</p> </a> <p class="districts-more-link__props">41 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-sagrada-familia-dr899643/" target="_blank"> <p class="districts-more-link__name">Sagrada Familia</p> </a> <p class="districts-more-link__props">6 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-barcelona-city-centre-dr900054/" target="_blank"> <p class="districts-more-link__name">Centro de Barcelona</p> </a> <p class="districts-more-link__props">5 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-forum-beach-dr907260/" target="_blank"> <p class="districts-more-link__name">Playa del Fórum</p> </a> <p class="districts-more-link__props">3 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-sant-antoni-dr907365/" target="_blank"> <p class="districts-more-link__name">Sant Antoni</p> </a> <p class="districts-more-link__props">3 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-barceloneta-dr899631/" target="_blank"> <p class="districts-more-link__name">Barceloneta</p> </a> <p class="districts-more-link__props">2 propiedades</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-vila-olimpica-dr899634/" target="_blank"> <p class="districts-more-link__name">Vila Olímpica</p> </a> <p class="districts-more-link__props">1 propiedad</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-districts__more-link districts-more-link"> <a href="/es/barcelona-hotels-45/near-el-born-dr899640/" target="_blank"> <p class="districts-more-link__name">El Born</p> </a> <p class="districts-more-link__props">1 propiedad</p> <svg class="districts-more-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> <div class="where-to-stay__block where-to-stay-attractions active js-attractions-block"> <div class="where-to-stay-attractions__wrapper"> <div class="where-to-stay-attractions__cards "> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/es/barcelona-hotels-45/near-city-center-76460/" target="_blank"> <img class='where-to-stay-attractions-card__img' alt='' src="/img/districts/556x270/0/5/5114.JPEG"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name where-to-stay-attractions-card__inner-name--white">Distrito financiero Barcelona</div> <div class="where-to-stay-attractions-card__inner-props where-to-stay-attractions-card__inner-props--white">Ver 3843 propiedades</div> </div> </a> </div> <div class="where-to-stay-attractions__cards-item where-to-stay-attractions-card"> <a href="/es/barcelona-hotels-45/near-institucion-teresiana-132421/" target="_blank"> <div class="where-to-stay-attractions-card__inner"> <div class="where-to-stay-attractions-card__inner-name ">Institucion Teresiana</div> <div class="where-to-stay-attractions-card__inner-props ">Ver 3996 propiedades</div> </div> </a> </div> </div> <div class="where-to-stay-attractions__list"> <ul class="where-to-stay-attractions__links"> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-casa-mila-84696/" target="_blank"> <p class="where-to-stay-attractions-link__name">Casa Milà Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">3990 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-passeig-de-gracia-rail-station-156228/" target="_blank"> <p class="where-to-stay-attractions-link__name">Passeig de Gràcia - Rail Station</p> </a> <p class="where-to-stay-attractions-link__props">3985 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-passeig-de-gracia-train-station-357436/" target="_blank"> <p class="where-to-stay-attractions-link__name">Estación de tren de Passeig de Gràcia</p> </a> <p class="where-to-stay-attractions-link__props">3985 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-casa-batllo-84685/" target="_blank"> <p class="where-to-stay-attractions-link__name">Casa Batlló Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">3980 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-adoracion-nocturna-femenina-119675/" target="_blank"> <p class="where-to-stay-attractions-link__name">Adoracion Nocturna Femenina Barcelona</p> </a> <p class="where-to-stay-attractions-link__props">3975 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-the-fundacio-antoni-tapies-162369/" target="_blank"> <p class="where-to-stay-attractions-link__name">The Fundació Antoni Tàpies</p> </a> <p class="where-to-stay-attractions-link__props">3974 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> <li class="where-to-stay-attractions-link where-to-stay-attractions-link"> <a href="/es/barcelona-hotels-45/near-centro-cultural-la-pedrera-84705/" target="_blank"> <p class="where-to-stay-attractions-link__name">Centro Cultural la Pedrera</p> </a> <p class="where-to-stay-attractions-link__props">3972 propiedades</p> <svg class="where-to-stay-attractions-link__icon icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> </li> </ul> </div> </div> </div> <div class="where-to-stay__block where-to-stay-map js-map-block"> <div class="where-to-stay-map__inner js-where-to-stay-map"> <div class="where-to-stay-map__map" id="mapbox"></div> <script type="text/javascript" class="js-where-to-stay-map-hotels hidden"> [ { "id": 539533, "lat": 41.404036, "lng": 2.190984, "name": "Novotel Barcelona City", "hotelUrl": "https://novotel-barcelona-city.catalonia-hotels.com/es/", "reviewCount": 4451, "reviewsText": "4451 reseñas", "price": 113, "priceText": "medio/noche", "photos": [ "15416/1541659/1541659759.JPEG", "12730/1273071/1273071733.JPEG", "16322/1632221/1632221724.JPEG", "16322/1632221/1632221726.JPEG", "16322/1632221/1632221728.JPEG", "16322/1632221/1632221746.JPEG" ] }, { "id": 88797, "lat": 41.392951, "lng": 2.192382, "name": "Hotel H10 Marina Barcelona", "hotelUrl": "https://h10-marina-barcelona.catalonia-hotels.com/es/", "reviewCount": 2540, "reviewsText": "2540 reseñas", "price": 98, "priceText": "medio/noche", "photos": [ "5088/508874/508874826.JPEG", "15946/1594668/1594668459.JPEG", "15946/1594668/1594668464.JPEG", "15946/1594668/1594668468.JPEG", "15413/1541394/1541394370.JPEG", "15287/1528765/1528765795.JPEG" ] }, { "id": 88884, "lat": 41.39340895905852, "lng": 2.1639747096469364, "name": "Majestic Hotel&Spa Barcelona GL", "hotelUrl": "https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/es/", "reviewCount": 1906, "reviewsText": "1906 reseñas", "price": 289, "priceText": "medio/noche", "photos": [ "12730/1273089/1273089682.JPEG", "12730/1273084/1273084909.JPEG", "12730/1273085/1273085752.JPEG", "12730/1273088/1273088899.JPEG", "12730/1273089/1273089139.JPEG", "12730/1273088/1273088092.JPEG" ] }, { "id": 88965, "lat": 41.378914, "lng": 2.139954, "name": "Hotel Barceló Sants Barcelona", "hotelUrl": "https://barcelo-sants.catalonia-hotels.com/es/", "reviewCount": 9077, "reviewsText": "9077 reseñas", "score": 86, "scoreText": "8.6", "price": 120, "priceText": "medio/noche", "photos": [ "8884/888410/888410128.JPEG", "15802/1580288/1580288933.JPEG", "15803/1580343/1580343549.JPEG", "15803/1580343/1580343281.JPEG", "15803/1580343/1580343265.JPEG", "11862/1186203/1186203484.JPEG" ] }, { "id": 88887, "lat": 41.4110149978243, "lng": 2.21877694129944, "name": "Hotel Barcelona Princess", "hotelUrl": "https://barcelona-princess.catalonia-hotels.com/es/", "reviewCount": 12066, "reviewsText": "12066 reseñas", "price": 85, "priceText": "medio/noche", "photos": [ "12730/1273046/1273046866.JPEG", "12730/1273048/1273048696.JPEG", "12730/1273049/1273049401.JPEG", "12730/1273049/1273049509.JPEG", "12730/1273050/1273050088.JPEG", "12730/1273047/1273047640.JPEG" ] }, { "id": 88983, "lat": 41.38501, "lng": 2.17592, "name": "Colón Hotel Barcelona", "hotelUrl": "https://colon.catalonia-hotels.com/es/", "reviewCount": 3533, "reviewsText": "3533 reseñas", "score": 89, "scoreText": "8.9", "price": 167, "priceText": "medio/noche", "photos": [ "7016/701659/701659714.JPEG", "16329/1632988/1632988213.JPEG", "15435/1543571/1543571764.JPEG", "15895/1589514/1589514117.JPEG", "15895/1589514/1589514147.JPEG", "15895/1589514/1589514163.JPEG" ] }, { "id": 101024, "lat": 41.40869, "lng": 2.21733, "name": "Hotel Hilton Diagonal Mar Barcelona", "hotelUrl": "https://hilton-diagonal-mar-barcelona.catalonia-hotels.com/es/", "reviewCount": 2151, "reviewsText": "2151 reseñas", "price": 146, "priceText": "medio/noche", "photos": [ "16315/1631547/1631547326.JPEG", "15488/1548870/1548870568.JPEG", "15488/1548870/1548870664.JPEG", "15488/1548870/1548870739.JPEG", "15165/1516573/1516573243.JPEG", "15488/1548870/1548870466.JPEG" ] }, { "id": 330152, "lat": 41.39108892, "lng": 2.166581154, "name": "Hotel Mandarin Oriental, Barcelona", "hotelUrl": "https://mandarin-oriental-barcelona.catalonia-hotels.com/es/", "reviewCount": 358, "reviewsText": "358 reseñas", "score": 91, "scoreText": "9.1", "price": 987, "priceText": "medio/noche", "photos": [ "16047/1604770/1604770233.JPEG", "16029/1602959/1602959599.JPEG", "16047/1604770/1604770226.JPEG", "16029/1602959/1602959547.JPEG", "16029/1602959/1602959570.JPEG", "16029/1602959/1602959577.JPEG" ] }, { "id": 88793, "lat": 41.372684, "lng": 2.154831, "name": "Crowne Plaza Barcelona - Fira Center, an IHG hotel", "hotelUrl": "https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/", "reviewCount": 2123, "reviewsText": "2123 reseñas", "price": 227, "priceText": "medio/noche", "photos": [ "12731/1273191/1273191043.JPEG", "12731/1273179/1273179925.JPEG", "12731/1273190/1273190374.JPEG", "12731/1273190/1273190875.JPEG", "12731/1273191/1273191223.JPEG", "12731/1273190/1273190161.JPEG" ] }, { "id": 88935, "lat": 41.38496, "lng": 2.17759, "name": "Grand Hotel Central, Small Luxury Hotels Barcelona", "hotelUrl": "https://grand-hotel-central.catalonia-hotels.com/es/", "reviewCount": 1295, "reviewsText": "1295 reseñas", "price": 203, "priceText": "medio/noche", "photos": [ "15802/1580288/1580288811.JPEG", "14084/1408421/1408421597.JPEG", "12731/1273105/1273105120.JPEG", "12731/1273103/1273103728.JPEG", "15802/1580288/1580288551.JPEG", "15802/1580288/1580288617.JPEG" ] }, { "id": 88821, "lat": 41.39149, "lng": 2.171457, "name": "Hotel El Palace Barcelona", "hotelUrl": "https://el-palace.catalonia-hotels.com/es/", "reviewCount": 2045, "reviewsText": "2045 reseñas", "score": 93, "scoreText": "9.3", "price": 335, "priceText": "medio/noche", "photos": [ "12732/1273210/1273210408.JPEG", "12732/1273208/1273208647.JPEG", "12732/1273211/1273211860.JPEG", "12732/1273208/1273208593.JPEG", "12732/1273205/1273205005.JPEG", "12732/1273209/1273209559.JPEG" ] }, { "id": 88827, "lat": 41.386325, "lng": 2.12317, "name": "Hotel Grand Hyatt Barcelona", "hotelUrl": "https://princesa-sofia.catalonia-hotels.com/es/", "reviewCount": 5024, "reviewsText": "5024 reseñas", "price": 171, "priceText": "medio/noche", "photos": [ "2178/217808/217808408.JPEG", "14320/1432053/1432053268.JPEG", "14320/1432052/1432052275.JPEG", "12731/1273141/1273141795.JPEG", "14320/1432051/1432051489.JPEG", "12731/1273141/1273141039.JPEG" ] }, { "id": 219332, "lat": 41.40639, "lng": 2.20099, "name": "Hotel Melia Barcelona Sky 4* Sup", "hotelUrl": "https://melia-barcelona-sky.catalonia-hotels.com/es/", "reviewCount": 1225, "reviewsText": "1225 reseñas", "price": 270, "priceText": "medio/noche", "photos": [ "12788/1278889/1278889984.JPEG", "14439/1443917/1443917332.JPEG", "14439/1443919/1443919642.JPEG", "14439/1443920/1443920038.JPEG", "14439/1443924/1443924022.JPEG", "14439/1443928/1443928351.JPEG" ] }, { "id": 88850, "lat": 41.3748, "lng": 2.1661, "name": "Hotel Paral-Lel Barcelona", "hotelUrl": "https://parallel-hotel.catalonia-hotels.com/es/", "reviewCount": 3853, "reviewsText": "3853 reseñas", "price": 70, "priceText": "medio/noche", "photos": [ "6931/693104/693104775.JPEG", "12731/1273122/1273122355.JPEG", "12731/1273122/1273122019.JPEG", "12731/1273122/1273122097.JPEG", "12731/1273122/1273122160.JPEG", "12731/1273122/1273122262.JPEG" ] }, { "id": 89012, "lat": 41.3703, "lng": 2.17116, "name": "Hotel Miramar Barcelona GL", "hotelUrl": "https://miramar-barcelona.catalonia-hotels.com/es/", "reviewCount": 1488, "reviewsText": "1488 reseñas", "price": 235, "priceText": "medio/noche", "photos": [ "16147/1614777/1614777022.JPEG", "15803/1580345/1580345175.JPEG", "16147/1614777/1614777019.JPEG", "15802/1580289/1580289111.JPEG", "12731/1273101/1273101412.JPEG", "16147/1614777/1614777023.JPEG" ] }, { "id": 372707, "lat": 41.387079, "lng": 2.174427, "name": "Hotel Ohla Barcelona", "hotelUrl": "https://ohla-barcelona.catalonia-hotels.com/es/", "reviewCount": 1859, "reviewsText": "1859 reseñas", "score": 90, "scoreText": "9.0", "price": 301, "priceText": "medio/noche", "photos": [ "13302/1330204/1330204622.JPEG", "12730/1273076/1273076515.JPEG", "12730/1273076/1273076611.JPEG", "12730/1273076/1273076746.JPEG", "12730/1273076/1273076872.JPEG", "15804/1580487/1580487333.JPEG" ] }, { "id": 88804, "lat": 41.43382, "lng": 2.14741, "name": "Hotel Alimara Barcelona", "hotelUrl": "https://alimara.catalonia-hotels.com/es/", "reviewCount": 3310, "reviewsText": "3310 reseñas", "price": 86, "priceText": "medio/noche", "photos": [ "16298/1629888/1629888943.JPEG", "12731/1273131/1273131286.JPEG", "12731/1273132/1273132921.JPEG", "12731/1273134/1273134205.JPEG", "12731/1273134/1273134574.JPEG", "12731/1273131/1273131856.JPEG" ] }, { "id": 11842110, "lat": 41.38918, "lng": 2.16997, "name": "Hotel Me Barcelona", "hotelUrl": "https://me-barcelona.catalonia-hotels.com/es/", "reviewCount": 2123, "reviewsText": "2123 reseñas", "score": 91, "scoreText": "9.1", "price": 372, "priceText": "medio/noche", "photos": [ "15374/1537420/1537420132.JPEG", "12857/1285738/1285738867.JPEG", "12857/1285738/1285738594.JPEG", "12857/1285738/1285738744.JPEG", "12857/1285739/1285739251.JPEG", "12857/1285739/1285739122.JPEG" ] }, { "id": 88836, "lat": 41.38602, "lng": 2.16572, "name": "Hotel Jazz Barcelona", "hotelUrl": "https://jazz.catalonia-hotels.com/es/", "reviewCount": 3221, "reviewsText": "3221 reseñas", "score": 89, "scoreText": "8.9", "price": 152, "priceText": "medio/noche", "photos": [ "6704/670421/670421343.JPEG", "12253/1225343/1225343669.JPEG", "6704/670421/670421040.JPEG", "6704/670428/670428477.JPEG", "6704/670422/670422042.JPEG", "6704/670428/670428795.JPEG" ] }, { "id": 88951, "lat": 41.38350946449628, "lng": 2.1706351661938283, "name": "Hotel Le Meridien Barcelona", "hotelUrl": "https://le-meridien-barcelona.catalonia-hotels.com/es/", "reviewCount": 386, "reviewsText": "386 reseñas", "price": 260, "priceText": "medio/noche", "photos": [ "15542/1554227/1554227053.JPEG", "16336/1633676/1633676831.JPEG", "16336/1633676/1633676835.JPEG", "16336/1633676/1633676843.JPEG", "16336/1633676/1633676844.JPEG", "16336/1633676/1633676847.JPEG" ] }, { "id": 88912, "lat": 41.387357, "lng": 2.160416, "name": "Axel Hotel Barcelona - Adults Only", "hotelUrl": "https://axel-hotel-barcelona.catalonia-hotels.com/es/", "reviewCount": 2880, "reviewsText": "2880 reseñas", "price": 76, "priceText": "medio/noche", "photos": [ "16156/1615646/1615646720.JPEG", "12731/1273131/1273131559.JPEG", "15802/1580288/1580288451.JPEG", "12004/1200438/1200438286.JPEG", "12004/1200438/1200438301.JPEG", "12004/1200444/1200444976.JPEG" ] }, { "id": 1252706, "lat": 41.39174905828383, "lng": 2.1718041387272002, "name": "Cotton House Hotel, Autograph Collection Barcelona", "hotelUrl": "https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/es/", "reviewCount": 95, "reviewsText": "95 reseñas", "price": 400, "priceText": "medio/noche", "photos": [ "16308/1630883/1630883265.JPEG", "16308/1630883/1630883266.JPEG", "16156/1615683/1615683118.JPEG", "16156/1615683/1615683119.JPEG", "16156/1615683/1615683120.JPEG", "16156/1615683/1615683121.JPEG" ] }, { "id": 88871, "lat": 41.390819, "lng": 2.141808, "name": "Hotel Melia Barcelona Sarriá", "hotelUrl": "https://melia-barcelona-sarria.catalonia-hotels.com/es/", "reviewCount": 1732, "reviewsText": "1732 reseñas", "price": 239, "priceText": "medio/noche", "photos": [ "14320/1432083/1432083991.JPEG", "12731/1273147/1273147438.JPEG", "14057/1405724/1405724132.JPEG", "14320/1432082/1432082701.JPEG", "14056/1405694/1405694615.JPEG", "14057/1405721/1405721567.JPEG" ] }, { "id": 97318, "lat": 41.38205, "lng": 2.176426, "name": "Hotel Rialto Barcelona", "hotelUrl": "https://rialto.catalonia-hotels.com/es/", "reviewCount": 3647, "reviewsText": "3647 reseñas", "price": 99, "priceText": "medio/noche", "photos": [ "12199/1219954/1219954360.JPEG", "12730/1273080/1273080829.JPEG", "12730/1273081/1273081009.JPEG", "12730/1273083/1273083937.JPEG", "10045/1004509/1004509377.JPEG", "10045/1004509/1004509488.JPEG" ] }, { "id": 88779, "lat": 41.37515, "lng": 2.16835, "name": "Hotel Barcelona Universal", "hotelUrl": "https://barcelona-universal-hotel.catalonia-hotels.com/es/", "reviewCount": 4143, "reviewsText": "4143 reseñas", "price": 109, "priceText": "medio/noche", "photos": [ "12730/1273082/1273082512.JPEG", "12730/1273077/1273077253.JPEG", "12730/1273083/1273083244.JPEG", "12730/1273081/1273081654.JPEG", "12730/1273079/1273079056.JPEG", "12730/1273079/1273079740.JPEG" ] }, { "id": 295753, "lat": 41.379247878998, "lng": 2.14285969734192, "name": "Expo Hotel Barcelona", "hotelUrl": "https://expo-barcelona.catalonia-hotels.com/es/", "reviewCount": 1131, "reviewsText": "1131 reseñas", "price": 97, "priceText": "medio/noche", "photos": [ "16298/1629889/1629889876.JPEG", "12730/1273081/1273081660.JPEG", "12730/1273081/1273081168.JPEG", "12730/1273081/1273081726.JPEG", "16298/1629889/1629889276.JPEG", "16298/1629889/1629889280.JPEG" ] }, { "id": 88855, "lat": 41.384592, "lng": 2.137809, "name": "Hotel Nh Sants Barcelona", "hotelUrl": "https://nh-sants-barcelona.catalonia-hotels.com/es/", "reviewCount": 2842, "reviewsText": "2842 reseñas", "price": 93, "priceText": "medio/noche", "photos": [ "12730/1273094/1273094695.JPEG", "16005/1600558/1600558028.JPEG", "16005/1600558/1600558030.JPEG", "16005/1600558/1600558029.JPEG", "12730/1273093/1273093042.JPEG", "12730/1273095/1273095286.JPEG" ] }, { "id": 89003, "lat": 41.396179, "lng": 2.16099, "name": "Sir Victor Hotel, Part Of Sircle Collection Barcelona", "hotelUrl": "https://sir-victor.catalonia-hotels.com/es/", "reviewCount": 528, "reviewsText": "528 reseñas", "price": 312, "priceText": "medio/noche", "photos": [ "8160/816019/816019772.JPEG", "14364/1436472/1436472856.JPEG", "14364/1436464/1436464519.JPEG", "14364/1436465/1436465932.JPEG", "14364/1436454/1436454403.JPEG", "14364/1436468/1436468080.JPEG" ] }, { "id": 88958, "lat": 41.39497, "lng": 2.15938, "name": "Gallery Hotel 4 Sup Barcelona", "hotelUrl": "https://gallery-hotel-barcelona.catalonia-hotels.com/es/", "reviewCount": 1974, "reviewsText": "1974 reseñas", "score": 89, "scoreText": "8.9", "price": 5647, "priceText": "medio/noche", "photos": [ "9972/997291/997291377.JPEG", "14365/1436555/1436555167.JPEG", "14365/1436567/1436567323.JPEG", "12730/1273000/1273000468.JPEG", "15960/1596009/1596009632.JPEG", "15960/1596009/1596009555.JPEG" ] }, { "id": 88864, "lat": 41.3926342962144, "lng": 2.16749310493469, "name": "Renaissance Barcelona Hotel", "hotelUrl": "https://renaissance-barcelona-hotel.catalonia-hotels.com/es/", "reviewCount": 190, "reviewsText": "190 reseñas", "price": 153, "priceText": "medio/noche", "photos": [ "15494/1549466/1549466866.JPEG", "12730/1273072/1273072741.JPEG", "16315/1631544/1631544758.JPEG", "16315/1631544/1631544766.JPEG", "16315/1631544/1631544773.JPEG", "16315/1631544/1631544775.JPEG" ] }, { "id": 88831, "lat": 41.37539, "lng": 2.1485, "name": "Hotel Catalonia Barcelona Plaza", "hotelUrl": "https://catalonia-barcelona-plaza.catalonia-hotels.com/es/", "reviewCount": 3344, "reviewsText": "3344 reseñas", "score": 86, "scoreText": "8.6", "price": 163, "priceText": "medio/noche", "photos": [ "13665/1366545/1366545434.JPEG", "16129/1612954/1612954731.JPEG", "16129/1612954/1612954733.JPEG", "16129/1612954/1612954734.JPEG", "16129/1612954/1612954735.JPEG", "16129/1612954/1612954736.JPEG" ] }, { "id": 88764, "lat": 41.394253, "lng": 2.165279, "name": "Claris Hotel & Spa Gl, A Small Luxury Hotel Of The World Barcelona", "hotelUrl": "https://claris.catalonia-hotels.com/es/", "reviewCount": 1102, "reviewsText": "1102 reseñas", "price": 163, "priceText": "medio/noche", "photos": [ "15495/1549561/1549561417.JPEG", "12730/1273077/1273077973.JPEG", "12730/1273080/1273080226.JPEG", "12730/1273079/1273079194.JPEG", "12730/1273076/1273076647.JPEG", "12730/1273078/1273078600.JPEG" ] }, { "id": 88930, "lat": 41.38617, "lng": 2.16824, "name": "Hotel Pulitzer Barcelona", "hotelUrl": "https://pulitzer.catalonia-hotels.com/es/", "reviewCount": 1483, "reviewsText": "1483 reseñas", "score": 89, "scoreText": "8.9", "price": 172, "priceText": "medio/noche", "photos": [ "15562/1556290/1556290579.JPEG", "14987/1498714/1498714372.JPEG", "15562/1556290/1556290588.JPEG", "15843/1584395/1584395719.JPEG", "15843/1584395/1584395758.JPEG", "15562/1556290/1556290621.JPEG" ] }, { "id": 227576, "lat": 41.39912, "lng": 2.20206, "name": "Hotel Ilunion Barcelona", "hotelUrl": "https://ilunion-barcelona.catalonia-hotels.com/es/", "reviewCount": 6627, "reviewsText": "6627 reseñas", "price": 64, "priceText": "medio/noche", "photos": [ "12730/1273022/1273022704.JPEG", "12730/1273021/1273021798.JPEG", "12730/1273022/1273022464.JPEG", "12730/1273021/1273021864.JPEG", "12730/1273022/1273022101.JPEG", "14169/1416941/1416941718.JPEG" ] }, { "id": 88988, "lat": 41.384167, "lng": 2.160738, "name": "Hotel H10 Casanova Barcelona", "hotelUrl": "https://h10-casanova.catalonia-hotels.com/es/", "reviewCount": 2122, "reviewsText": "2122 reseñas", "price": 108, "priceText": "medio/noche", "photos": [ "15726/1572667/1572667880.JPEG", "12730/1273099/1273099636.JPEG", "12730/1273098/1273098982.JPEG", "12730/1273099/1273099105.JPEG", "12731/1273100/1273100590.JPEG", "15535/1553536/1553536321.JPEG" ] }, { "id": 1401111, "lat": 41.3936, "lng": 2.17427, "name": "Hotel Casa Bonay Barcelona", "hotelUrl": "https://hotel-casa-bonay.catalonia-hotels.com/es/", "reviewCount": 863, "reviewsText": "863 reseñas", "score": 90, "scoreText": "9.0", "price": 165, "priceText": "medio/noche", "photos": [ "16088/1608801/1608801236.JPEG", "12731/1273117/1273117090.JPEG", "12731/1273115/1273115059.JPEG", "12731/1273115/1273115374.JPEG", "12731/1273115/1273115464.JPEG", "12731/1273117/1273117009.JPEG" ] }, { "id": 88923, "lat": 41.374706, "lng": 2.170767, "name": "Hotel Barcelona Apolo, Affiliated by Meliá", "hotelUrl": "https://tryp-apolo.catalonia-hotels.com/es/", "reviewCount": 2063, "reviewsText": "2063 reseñas", "score": 89, "scoreText": "8.9", "price": 136, "priceText": "medio/noche", "photos": [ "13723/1372369/1372369589.JPEG", "15416/1541684/1541684221.JPEG", "15416/1541684/1541684239.JPEG", "15416/1541684/1541684299.JPEG", "15416/1541684/1541684224.JPEG", "15416/1541684/1541684290.JPEG" ] }, { "id": 324228, "lat": 41.404885, "lng": 2.17277, "name": "Sercotel Rosellón Barcelona", "hotelUrl": "https://ayre-hotel-rosellon.catalonia-hotels.com/es/", "reviewCount": 5886, "reviewsText": "5886 reseñas", "price": 127, "priceText": "medio/noche", "photos": [ "6832/683292/683292831.JPEG", "15804/1580419/1580419343.JPEG", "16065/1606550/1606550301.JPEG", "16065/1606550/1606550262.JPEG", "16065/1606550/1606550263.JPEG", "16065/1606550/1606550277.JPEG" ] }, { "id": 1217599, "lat": 41.38801, "lng": 2.17324, "name": "Hotel H10 Cubik 4* Sup Barcelona", "hotelUrl": "https://h10-cubik.catalonia-hotels.com/es/", "reviewCount": 1831, "reviewsText": "1831 reseñas", "score": 90, "scoreText": "9.0", "price": 25, "priceText": "medio/noche", "photos": [ "12731/1273166/1273166758.JPEG", "12731/1273170/1273170001.JPEG", "12731/1273167/1273167547.JPEG", "12731/1273168/1273168900.JPEG", "12731/1273166/1273166437.JPEG", "12731/1273168/1273168390.JPEG" ] }, { "id": 1731053, "lat": 41.39611, "lng": 2.16304, "name": "Hotel The One Barcelona Gl", "hotelUrl": "https://the-one-barcelona.catalonia-hotels.com/es/", "reviewCount": 1287, "reviewsText": "1287 reseñas", "score": 92, "scoreText": "9.2", "price": 338, "priceText": "medio/noche", "photos": [ "14440/1444048/1444048393.JPEG", "16002/1600261/1600261156.JPEG", "15515/1551526/1551526705.JPEG", "15515/1551526/1551526744.JPEG", "16002/1600261/1600261158.JPEG", "15515/1551527/1551527404.JPEG" ] }, { "id": 112483, "lat": 41.397975, "lng": 2.158061, "name": "Hotel Casa Fuster G.L Monumento Barcelona", "hotelUrl": "https://casa-fuster.catalonia-hotels.com/es/", "reviewCount": 1782, "reviewsText": "1782 reseñas", "price": 498, "priceText": "medio/noche", "photos": [ "11975/1197513/1197513487.JPEG", "14321/1432189/1432189027.JPEG", "14321/1432189/1432189483.JPEG", "14321/1432189/1432189852.JPEG", "14321/1432189/1432189963.JPEG", "14321/1432190/1432190989.JPEG" ] }, { "id": 326393, "lat": 41.38238, "lng": 2.180746, "name": "Barcelona Hotel Colonial", "hotelUrl": "https://colonial.catalonia-hotels.com/es/", "reviewCount": 1959, "reviewsText": "1959 reseñas", "price": 156, "priceText": "medio/noche", "photos": [ "15804/1580422/1580422831.JPEG", "12730/1273098/1273098565.JPEG", "12730/1273099/1273099186.JPEG", "12730/1273099/1273099564.JPEG", "16298/1629893/1629893378.JPEG", "16298/1629893/1629893379.JPEG" ] }, { "id": 7420114, "lat": 41.39806765859324, "lng": 2.161574517860414, "name": "Hotel Seventy Barcelona", "hotelUrl": "https://seventy-barcelona.catalonia-hotels.com/es/", "reviewCount": 2926, "reviewsText": "2926 reseñas", "score": 92, "scoreText": "9.2", "price": 205, "priceText": "medio/noche", "photos": [ "12873/1287365/1287365980.JPEG", "12873/1287365/1287365128.JPEG", "12873/1287366/1287366478.JPEG", "12873/1287365/1287365197.JPEG", "12873/1287367/1287367294.JPEG", "12873/1287362/1287362776.JPEG" ] }, { "id": 88976, "lat": 41.37908, "lng": 2.17485, "name": "Ramblas Hotel Barcelona", "hotelUrl": "https://ramblas.catalonia-hotels.com/es/", "reviewCount": 3331, "reviewsText": "3331 reseñas", "price": 117, "priceText": "medio/noche", "photos": [ "4376/437656/437656122.JPEG", "12730/1273036/1273036558.JPEG", "12730/1273036/1273036741.JPEG", "12730/1273036/1273036903.JPEG", "12730/1273036/1273036816.JPEG", "15880/1588074/1588074759.JPEG" ] }, { "id": 109117, "lat": 41.38508, "lng": 2.17066, "name": "Hotel Continental Barcelona", "hotelUrl": "https://continental-barcelona-hotel.catalonia-hotels.com/es/", "reviewCount": 1897, "reviewsText": "1897 reseñas", "price": 109, "priceText": "medio/noche", "photos": [ "12732/1273203/1273203118.JPEG", "16023/1602327/1602327359.JPEG", "16023/1602327/1602327365.JPEG", "15382/1538250/1538250289.JPEG", "15382/1538250/1538250292.JPEG", "15553/1555317/1555317097.JPEG" ] }, { "id": 723512, "lat": 41.3877641, "lng": 2.167727, "name": "Hotel H10 Metropolitan 4* Sup Barcelona", "hotelUrl": "https://h10-metropolitan.catalonia-hotels.com/es/", "reviewCount": 1177, "reviewsText": "1177 reseñas", "score": 89, "scoreText": "8.9", "price": 163, "priceText": "medio/noche", "photos": [ "15397/1539712/1539712192.JPEG", "15397/1539712/1539712039.JPEG", "15397/1539712/1539712294.JPEG", "15397/1539712/1539712084.JPEG", "15397/1539711/1539711784.JPEG", "15397/1539712/1539712060.JPEG" ] }, { "id": 116450, "lat": 41.391918, "lng": 2.17515, "name": "Hotel Hostal Girona Barcelona", "hotelUrl": "https://hostal-girona.catalonia-hotels.com/es/", "reviewCount": 2564, "reviewsText": "2564 reseñas", "score": 87, "scoreText": "8.7", "price": 193, "priceText": "medio/noche", "photos": [ "7665/766538/766538719.JPEG", "7857/785753/785753751.JPEG", "7857/785753/785753796.JPEG", "7857/785753/785753871.JPEG", "7857/785754/785754789.JPEG", "7665/766539/766539196.JPEG" ] }, { "id": 88763, "lat": 41.394075, "lng": 2.153685, "name": "Hotel Astoria Barcelona", "hotelUrl": "https://astoria-barcelona.catalonia-hotels.com/es/", "reviewCount": 2185, "reviewsText": "2185 reseñas", "price": 112, "priceText": "medio/noche", "photos": [ "6930/693075/693075144.JPEG", "15802/1580287/1580287755.JPEG", "15803/1580390/1580390205.JPEG", "15803/1580390/1580390219.JPEG", "14985/1498521/1498521103.JPEG", "14985/1498521/1498521220.JPEG" ] }, { "id": 1274673, "lat": 41.39391, "lng": 2.16226, "name": "Monument Hotel Barcelona", "hotelUrl": "https://monument-hotel.catalonia-hotels.com/es/", "reviewCount": 1138, "reviewsText": "1138 reseñas", "score": 91, "scoreText": "9.1", "price": 1398, "priceText": "medio/noche", "photos": [ "14321/1432183/1432183327.JPEG", "16037/1603754/1603754990.JPEG", "16037/1603754/1603754984.JPEG", "16037/1603754/1603754994.JPEG", "16037/1603755/1603755005.JPEG", "16037/1603755/1603755009.JPEG" ] }, { "id": 126281, "lat": 41.43537207, "lng": 2.18173563, "name": "Hotel Ibis Barcelona Meridiana", "hotelUrl": "https://ibis-barcelona-meridiana.catalonia-hotels.com/es/", "reviewCount": 4557, "reviewsText": "4557 reseñas", "price": 69, "priceText": "medio/noche", "photos": [ "15996/1599648/1599648107.JPEG", "12731/1273188/1273188577.JPEG", "15960/1596024/1596024444.JPEG", "15988/1598897/1598897568.JPEG", "15988/1598897/1598897572.JPEG", "15996/1599648/1599648100.JPEG" ] } ] </script> <template id="marker-hotel-template"> <div class="where-to-stay-map__marker js-where-to-stay-map-marker" data-type="hotel"> <svg class="where-to-stay-map__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#where-to-stay-marker-pin"></use> </svg> </div> </template> <template id="popup-hotel-template"> <div class="map-popup"> <div class="map-popup__slider-wrapper swiper js-map-popup-slider"> <div class="swiper-wrapper"> </div> <div class="map-popup__controls"> <div class="map-popup__control map-popup__control--prev js-map-hotel-nav-prev"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="map-popup__control map-popup__control--next js-map-hotel-nav-next"> <svg class="icon map-popup__control-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="map-popup__body"> <a class="map-popup__title" target="_blank"></a> <div class="map-popup__info map-popup-info"> </div> </div> </div> </template> </div> </div> </div> </div> <div class="inner exeptional-selections js-exeptional-selections"> <h2 class="title">Una Selección Excepcional</h2> <p class="subtitle exeptional-selections__subtitle"> Descubre nuestras colecciones cuidadosamente seleccionadas para una estancia inigualable en Barcelona. </p> <div class="exeptional-selections__wrapper"> <div class="swiper exeptional-selections__slider-wrapper js-exeptional-selections-slider"> <ul class="exeptional-selections__list swiper-wrapper"> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e39372e3131302e3130302e34352e39382e34352e39382e3131352e34352e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-apartments-and-b-bs.jpg" alt="Apartamentos y B&Bs" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Apartamentos y B&Bs</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130312e3131302e3131362e3131342e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-central-hotels.jpg" alt="Hoteles en el centro" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/central-hotels-8/">Hoteles en el centro</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e39372e39392e39392e3131312e3130392e3130392e3131312e3130302e39372e3131362e3130352e3131312e3131302e3131352e34352e35312e35332e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-accommodations.jpg" alt="Alojamientos de lujo" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Alojamientos de lujo</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e3130342e3130312e39372e3131322e34352e39372e3131302e3130302e34352e39382e3131372e3130302e3130332e3130312e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-cheap-and-budget-hotels.jpg" alt="Hoteles baratos" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/cheap-and-budget-hotels-9/">Hoteles baratos</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130302e3130312e3131352e3130352e3130332e3131302e34352e39372e3131302e3130302e34352e3130392e3131312e3130302e3130312e3131342e3131302e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-design-and-modern-hotels.jpg" alt="Hoteles de diseño excepcional" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/design-and-modern-hotels-10/">Hoteles de diseño excepcional</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3130312e3131362e3131352e34352e39372e3130382e3130382e3131312e3131392e3130312e3130302e34352e35302e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pets-allowed.jpg" alt="Hoteles que admiten mascotas" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/pets-allowed-28/">Hoteles que admiten mascotas</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e34392e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-resorts.jpg" alt="Resorts" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Resorts</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beach-hotels.jpg" alt="Hoteles de playa" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/beach-hotels-2/">Hoteles de playa</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130322e39372e3130392e3130352e3130382e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-family-hotels.jpg" alt="Hoteles familiares" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/family-hotels-11/">Hoteles familiares</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-luxury-hotels.jpg" alt="Hoteles de lujo" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/luxury-hotels-14/">Hoteles de lujo</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131312e3131372e3131362e3130352e3131332e3131372e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-boutique-hotels.jpg" alt="Hoteles boutique" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/boutique-hotels-4/">Hoteles boutique</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3131372e3131352e3130352e3131302e3130312e3131352e3131352e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-business-hotels.jpg" alt="Hoteles para negocios" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles para negocios</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39372e3130352e3131342e3131322e3131312e3131342e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-airport-hotels.jpg" alt="Hoteles cerca del aeropuerto" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles cerca del aeropuerto</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130312e3130382e3130322e34352e39392e39372e3131362e3130312e3131342e3130352e3131302e3130332e34352e35302e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-self-catering.jpg" alt="Hoteles con cocina" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/self-catering-29/">Hoteles con cocina</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3130392e39372e3130382e3130382e34352e3130382e3131372e3132302e3131372e3131342e3132312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e34382e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-small-luxury-hotels.jpg" alt="Pequeños Hoteles de lujo" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Pequeños Hoteles de lujo</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131342e3131312e3130392e39372e3131302e3131362e3130352e39392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-romantic-hotels.jpg" alt="Hoteles románticos" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/romantic-hotels-16/">Hoteles románticos</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130362e39372e39392e3131372e3132322e3132322e3130352e34352e35312e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-jacuzzi.jpg" alt="Jacuzzi" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Jacuzzi</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131352e3131322e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-spa-hotels.jpg" alt="Balnearios" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/spa-hotels-17/">Balnearios</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39382e3130312e39372e39392e3130342e3130322e3131342e3131312e3131302e3131362e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-beachfront-hotels.jpg" alt="Hoteles de playa" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles de playa</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130332e3131312e3130382e3130322e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-golf-hotels.jpg" alt="Hoteles con golf" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles con golf</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3130352e3131352e3131362e3131312e3131342e3130352e39392e39372e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35312e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-historical-hotels.jpg" alt="Hoteles históricos" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles históricos</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131342e3130352e3131382e39372e3131362e3130312e34352e3131382e3130352e3130382e3130382e39372e3131352e34352e35312e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-private-villas.jpg" alt="Villas privadas" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Villas privadas</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131322e3131312e3131312e3130382e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-pool-hotels.jpg" alt="Hoteles con piscina cubierta" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="exeptional-selections__item-title" href="/es/barcelona-hotels-45/theme/pool-hotels-34/">Hoteles con piscina cubierta</a> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3130352e3131302e3131312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35352e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-casino-hotels.jpg" alt="Hoteles casino" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles casino</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3131302e3130312e3131392e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35362e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-new-hotels.jpg" alt="Nuevos Hoteles" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Nuevos Hoteles</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e3131392e3130352e3131362e3130342e34352e39372e34352e3131382e3130352e3130312e3131392e34352e35312e35342e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-hotels-with-a-view.jpg" alt="Hoteles con vistas" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles con vistas</div> </div> </li> <li class="exeptional-selections__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3130342e3130312e3130392e3130312e34372e39392e39372e3131352e3131362e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e35372e3437"> <div class="exeptional-selections__img-wrapper"> <img data-src="/new/designs/80/build/images/hotelThemes/theme-castle-hotels.jpg" alt="Hoteles en Castillos" class="exeptional-selections__img swiper-lazy" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="exeptional-selections__item-title">Hoteles en Castillos</div> </div> </li> </ul> </div> <div class="exeptional-selections__controls"> <div class="exeptional-selections__control exeptional-selections__control--prev js-exeptional-arrow-prev"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="exeptional-selections__control exeptional-selections__control--next js-exeptional-arrow-next"> <svg class="icon exeptional-selections__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Hoteles de Barcelona por estrellas</h2> <p class="top-hotels__subtitle subtitle">Busca entre las opciones de hoteles de Barcelona y elige la estrella que más te convenga.</p> <div class="top-hotels__tabs js-tabs-hotels"> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-5-stars"> <span class="top-hotels-tab__text">Hoteles 5 estrellas</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-4-stars"> <span class="top-hotels-tab__text">Hoteles 4 estrellas</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-3-stars"> <span class="top-hotels-tab__text">Hoteles 3 estrellas</span> </div> <div class="top-hotels__tab top-hotels-tab active" data-target=".js-2-stars"> <span class="top-hotels-tab__text">Hoteles 2 estrellas</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-5-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--5-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12732/1273210/1273210408.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273208/1273208647.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273211/1273211860.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273208/1273208593.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273205/1273205005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273209/1273209559.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://el-palace.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel El Palace Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>335 US$</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(2045 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14440/1444048/1444048393.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16002/1600261/1600261156.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15515/1551526/1551526705.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15515/1551526/1551526744.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16002/1600261/1600261158.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15515/1551527/1551527404.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-one-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel The One Barcelona Gl</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>338 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(1284 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770233.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602959/1602959599.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16047/1604770/1604770226.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602959/1602959547.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602959/1602959570.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602959/1602959577.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Mandarin Oriental, Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>987 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(359 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10372/1037211/1037211733.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15915/1591507/1591507136.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310123/1310123494.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310125/1310125759.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310126/1310126758.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-serras.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13101/1310127/1310127283.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-serras.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Serras Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>389 US$</i></span> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(346 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7840/784033/784033794.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633344/633344562.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633347/633347250.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6333/633344/633344811.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11571/1157107/1157107569.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14424/1442487/1442487046.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mercer-hotel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Mercer Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>451 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(270 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13302/1330204/1330204622.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076611.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076746.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273076/1273076872.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15804/1580487/1580487333.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ohla-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Ohla Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>301 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1859 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15374/1537420/1537420132.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285738/1285738867.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285738/1285738594.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285738/1285738744.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285739/1285739251.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://me-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12857/1285739/1285739122.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://me-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Me Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>372 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(2123 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432183/1432183327.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754990.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754984.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603754/1603754994.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603755/1603755005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16037/1603755/1603755009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://monument-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Monument Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>1398 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(1137 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7016/701659/701659714.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16329/1632988/1632988213.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15435/1543571/1543571764.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589514/1589514117.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589514/1589514147.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15895/1589514/1589514163.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://colon.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Colón Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>167 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3533 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8177/817786/817786829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273111/1273111369.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273110/1273110868.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16029/1602961/1602961644.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16023/1602336/1602336357.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15968/1596871/1596871897.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://alma-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Alma Barcelona GL</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>273 US$</i></span> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(474 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313255.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313217.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313219.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313220.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16243/1624313/1624313224.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://pullman-barcelona-skipper.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Pullman Barcelona Skipper</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>234 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191043.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273179/1273179925.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190374.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190875.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273190/1273190161.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Crowne Plaza Barcelona - Fira Center, an IHG hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>227 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288811.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14084/1408421/1408421597.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273105/1273105120.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273103/1273103728.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288551.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288617.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://grand-hotel-central.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Grand Hotel Central, Small Luxury Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>203 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12079/1207921/1207921300.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14319/1431940/1431940156.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273101/1273101502.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14319/1431938/1431938977.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273101/1273101601.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273101/1273101223.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://abac-restaurant-hotel-barcelona-gl-monumento.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>ABAC restaurante Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>275 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/5-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de 5 estrellas en Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-4-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--4-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6647/664701/664701705.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631549/1631549711.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631549/1631549710.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631549/1631549712.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631549/1631549707.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16315/1631549/1631549708.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://casa-camper-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Casa Camper Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>326 US$</i></span> <span class="hotel-card__reviews-score">9.5</span> <span class="hotel-card__reviews-count">(1336 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12873/1287365/1287365980.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12873/1287365/1287365128.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12873/1287366/1287366478.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12873/1287365/1287365197.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12873/1287367/1287367294.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12873/1287362/1287362776.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://seventy-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Seventy Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>205 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(2925 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7098/709816/709816882.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280899/1280899111.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280898/1280898907.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280896/1280896306.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280896/1280896900.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12808/1280899/1280899192.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://the-corner-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>The Corner Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>137 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1599 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9972/997291/997291377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14365/1436555/1436555167.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14365/1436567/1436567323.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273000/1273000468.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596009/1596009632.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596009/1596009555.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://gallery-hotel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Gallery Hotel 4 Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>5647 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1974 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pulitzer.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15562/1556290/1556290579.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pulitzer.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14987/1498714/1498714372.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pulitzer.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15562/1556290/1556290588.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pulitzer.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15843/1584395/1584395719.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pulitzer.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15843/1584395/1584395758.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pulitzer.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15562/1556290/1556290621.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://pulitzer.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Pulitzer Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>172 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1483 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15808/1580825/1580825171.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15808/1580825/1580825139.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15808/1580825/1580825157.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15808/1580825/1580825169.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15808/1580825/1580825173.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15808/1580825/1580825175.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://brummell-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Brummell</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>106 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(919 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8884/888410/888410128.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288933.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580343/1580343549.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580343/1580343281.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15803/1580343/1580343265.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/11862/1186203/1186203484.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelo-sants.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Barceló Sants</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>120 US$</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(9077 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12789/1278917/1278917923.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278915/1278915727.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278915/1278915391.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278918/1278918184.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278915/1278915853.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12789/1278917/1278917962.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-barcelona-1882.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Radisson Blu 1882 Hotel, Barcelona Sagrada Familia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>178 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(3843 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057012.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057007.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057008.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606057/1606057013.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-port-vell.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel H10 Port Vell 4* Sup</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>128 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1802 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-casanova.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15726/1572667/1572667880.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-casanova.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273099/1273099636.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-casanova.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273098/1273098982.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-casanova.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273099/1273099105.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-casanova.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273100/1273100590.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-casanova.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15535/1553536/1553536321.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-casanova.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel H10 Casanova</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>108 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273094/1273094485.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15766/1576685/1576685069.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15431/1543173/1543173211.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13417/1341717/1341717074.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10153/1015341/1015341061.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-center.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13417/1341703/1341703082.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelona-center.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Barcelona Center</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>182 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273133/1273133818.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273132/1273132939.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/2395/239584/239584361.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580288/1580288661.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273133/1273133755.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273133/1273133497.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelona-catedral.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Barcelona Catedral</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>144 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273043/1273043833.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273050/1273050868.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273050/1273050994.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273043/1273043599.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273048/1273048996.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273050/1273050436.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://silken-gran-hotel-havana.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Gran Hotel Havana 4Sup By Escampa Hotels</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>452 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15960/1596040/1596040702.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12732/1273220/1273220959.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596040/1596040668.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596040/1596040676.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596040/1596040677.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596040/1596040685.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-urquinaona-plaza.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel H10 Urquinaona Plaza</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>163 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/4-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de 4 estrellas en Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-3-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--3-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-essens.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12309/1230982/1230982163.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-essens.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7691/769128/769128187.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-essens.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8284/828489/828489365.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-essens.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8284/828489/828489551.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-essens.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8284/828489/828489596.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-essens.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8307/830784/830784623.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://praktik-essens.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Praktik Essens</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>94 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(1759 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/3784/378445/378445438.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15882/1588200/1588200603.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419069/419069946.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419070/419070003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419069/419069928.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/4190/419069/419069940.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://yurbban-trafalgar.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Yurbban Trafalgar Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>142 US$</i></span> <span class="hotel-card__reviews-score">9.2</span> <span class="hotel-card__reviews-count">(1488 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6704/670421/670421343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12253/1225343/1225343669.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670421/670421040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670428/670428477.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670422/670422042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jazz.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6704/670428/670428795.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://jazz.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Jazz</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>152 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(3221 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7045/704573/704573395.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273157/1273157956.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158304.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273159/1273159186.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://granvia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273159/1273159816.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://granvia.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Granvia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>154 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(2143 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14318/1431860/1431860515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16286/1628645/1628645887.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273172/1273172545.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273172/1273172854.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273172/1273172662.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273172/1273172785.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-raco-del-pi.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel H10 Raco del Pi</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>174 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(941 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16168/1616898/1616898195.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16164/1616443/1616443774.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16164/1616443/1616443776.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16164/1616443/1616443777.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16168/1616898/1616898194.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16168/1616898/1616898197.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://chi-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Chi</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>102 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(5230 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10019/1001983/1001983269.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082620.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082521.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16254/1625479/1625479260.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14984/1498490/1498490239.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://europark-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14984/1498490/1498490194.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://europark-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Europark</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>145 US$</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(3749 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273123/1273123825.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122877.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215984.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215985.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215986.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://b-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16102/1610215/1610215987.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://b-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>B Hotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>246 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12199/1219954/1219954360.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273080/1273080829.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273081/1273081009.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273083/1273083937.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10045/1004509/1004509377.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://rialto.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/10045/1004509/1004509488.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://rialto.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Rialto</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>99 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12240/1224094/1224094783.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15203/1520324/1520324113.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15203/1520324/1520324962.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9468/946804/946804813.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9553/955395/955395037.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://acta-voraport.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9553/955395/955395202.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://acta-voraport.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Acta Voraport</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>86 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14730/1473037/1473037546.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273191/1273191985.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273193/1273193131.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273193/1273193263.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12079/1207948/1207948363.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1289/128910/128910855.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://soho-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Soho</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>143 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122007.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273119/1273119757.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273120/1273120051.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273120/1273120138.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273120/1273120276.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273120/1273120492.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ciutat-de-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Ciutat De Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>45 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14075/1407557/1407557972.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542081.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542192.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542096.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541541/1541541301.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15415/1541542/1541542051.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://h10-catalunya-plaza-boutique-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Boutique Hotel H10 Catalunya Plaza</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>304 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6647/664799/664799133.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15875/1587525/1587525238.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6647/664799/664799127.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6437/643720/643720923.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/5605/560523/560523549.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/6647/664795/664795959.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://praktik-vinoteca.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Praktik Vinoteca</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>86 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/3-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de 3 estrellas en Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-stars active"> <div class="top-hotels-block__slider js-slider-block top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/10381/1038167/1038167836.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15861/1586124/1586124777.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540033/1540033816.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540033/1540033831.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540033/1540033900.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15400/1540033/1540033870.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostel-one-sants.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Onefam Sants Albergue</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>16 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2537 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7665/766538/766538719.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785753/785753751.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785753/785753796.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785753/785753871.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7857/785754/785754789.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-girona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7665/766539/766539196.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-girona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Hostal Girona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>193 US$</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(2564 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15532/1553278/1553278120.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15881/1588157/1588157827.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15532/1553278/1553278201.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15532/1553278/1553278153.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15553/1555308/1555308343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15881/1588157/1588157838.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://primavera-hostel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Primavera Hostal Albergue</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>33 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2053 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15807/1580796/1580796099.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15884/1588436/1588436515.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13574/1357456/1357456808.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13574/1357460/1357460231.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13574/1357466/1357466834.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13576/1357653/1357653794.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://jam-hostel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Casa Jam Barcelona Albergue</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>156 US$</i></span> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count">(1367 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15903/1590334/1590334499.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15903/1590334/1590334508.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16053/1605367/1605367444.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13806/1380639/1380639980.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13806/1380640/1380640013.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/13806/1380666/1380666800.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hostal-grau-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Eco Boutique Hostal Grau</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>139 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1299 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-brick.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8464/846403/846403433.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-brick.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8387/838748/838748573.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-brick.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8387/838750/838750016.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-brick.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8387/838752/838752689.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-brick.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8463/846373/846373850.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-brick.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8463/846377/846377096.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-brick.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Brick Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>72 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(3079 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/9085/908580/908580139.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273156/1273156648.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158235.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273158/1273158490.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580294/1580294317.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15802/1580294/1580294321.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://oasis-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Oasis</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>97 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(5236 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6931/693104/693104775.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122355.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122019.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122097.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122160.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12731/1273122/1273122262.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://parallel-hotel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Paral-Lel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>70 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7028/702828/702828628.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9384/938467/938467957.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/8153/815340/815340446.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7181/718138/718138873.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7181/718140/718140718.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/7181/718138/718138921.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://amistat-beach-hostel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Amistat Beach Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>312 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071570.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071543.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071545.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071546.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071548.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16060/1606071/1606071550.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-styles-barcelona-city-bogatell.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Ibis Styles Barcelona City Bogatell</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>140 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14321/1432131/1432131334.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15367/1536745/1536745882.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15367/1536745/1536745915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9777/977750/977750416.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/9904/990472/990472282.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14321/1432127/1432127002.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ibis-barcelona-centro.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Ibis Barcelona Centro </span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>70 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/3752/375247/375247786.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273058/1273058701.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273059/1273059508.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273057/1273057732.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273058/1273058131.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/12730/1273057/1273057663.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://santa-marta-barcelona-08003.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Santa Marta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>78 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13897/1389752/1389752555.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15513/1551327/1551327457.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/16197/1619774/1619774794.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15960/1596070/1596070364.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14990/1499007/1499007067.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/14990/1499006/1499006929.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Bed And Bike Barcelona Albergue</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>20 US$</i></span> </div> </div> </div> <div class="hotel-card js-main-hotel-card swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1756/175684/175684122.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/644/64497/64497028.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15806/1580696/1580696257.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1756/175684/175684152.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/1756/175684/175684182.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy" data-src="/data/Photos/300x300w/15806/1580696/1580696323.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://360-hostel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>360 Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>11 US$</i></span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/2-stars/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de 2 estrellas en Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="top-hotels inner"> <h2 class="top-hotels__title title">Las mejores propiedades de Barcelona por tipo</h2> <p class="top-hotels__subtitle subtitle">Comprueba la propiedad con la valoración más alta basada en tripadvisor, booking.com</p> <div class="top-hotels__tabs js-tabs-hotels-by-type "> <div class="top-hotels-tab active" data-target=".js-0-block"> <span class="top-hotels-tab__text">Mejores Hoteles</span> </div> <div class="top-hotels-tab active" data-target=".js-1-block"> <span class="top-hotels-tab__text">Mejores Hostales</span> </div> <div class="top-hotels-tab active" data-target=".js-2-block"> <span class="top-hotels-tab__text">Mejores Apartahoteles</span> </div> </div> <div class="top-hotels__blocks"> <div class="top-hotels__block top-hotels-block js-0-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--0-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13613/1361337/1361337779.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403669.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403670.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403671.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403672.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634403/1634403673.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://w-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel W Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>263 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(4561 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/16005/1600559/1600559278.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267177.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267176.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267141.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267148.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16182/1618267/1618267154.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hilton-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Hilton Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>151 US$</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(1467 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13498/1349827/1349827072.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349829/1349829727.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13458/1345899/1345899704.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349825/1349825419.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349827/1349827195.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13498/1349828/1349828251.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ona-hotels-terra.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Occidental Barcelona 1929</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>68 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(4994 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13823/1382393/1382393330.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382379/1382379521.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393267.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393288.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393348.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13823/1382393/1382393372.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://occidental-atenea-mar-adults-only-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Occidental Atenea Mar</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>75 US$</i></span> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(3732 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15960/1596020/1596020908.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867832.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867810.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867786.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867801.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15968/1596867/1596867825.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://room-mate-emma.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Allegro Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>64 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(2654 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15536/1553657/1553657320.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634400/1634400178.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634400/1634400188.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634400/1634400189.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634400/1634400191.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16344/1634400/1634400193.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://arts.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Arts Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>52 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(1414 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15535/1553578/1553578237.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15535/1553577/1553577934.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15535/1553578/1553578042.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15535/1553578/1553578081.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14167/1416705/1416705273.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14167/1416719/1416719040.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://nobu-hotel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Nobu Hotel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>212 US$</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(2405 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/15921/1592110/1592110769.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110739.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110740.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110749.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110753.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15921/1592110/1592110734.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://motel-one-barcelona-ciutadella.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Motel One Barcelona-Ciutadella</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>86 US$</i></span> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(11087 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12241/1224105/1224105154.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13993/1399368/1399368740.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404124/1404124826.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404110/1404110255.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404112/1404112853.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14041/1404115/1404115262.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://occidental-diagonal-414.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Occidental Diagonal 414</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>76 US$</i></span> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(1882 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4464/446413/446413332.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15803/1580375/1580375695.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13425/1342571/1342571174.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13453/1345398/1345398542.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13454/1345421/1345421003.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13454/1345436/1345436729.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelo-raval.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Hotel Barceló Raval</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>78 US$</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(2877 reseñas)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/type/hotels-12/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-1-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--1-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/8301/830133/830133080.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13592/1359246/1359246407.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13636/1363690/1363690022.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13636/1363690/1363690982.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/8301/830133/830133011.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/8301/830133/830133218.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://st-christophers-inn.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>St Christopher'S Inn Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>23 US$</i></span> <span class="hotel-card__reviews-score">7.9</span> <span class="hotel-card__reviews-count">(7031 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/13013/1301344/1301344138.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134022.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134211.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12731/1273134/1273134073.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15216/1521614/1521614578.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15214/1521497/1521497479.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://casa-gracia.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Casa Gracia Albergue</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>19 US$</i></span> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(7524 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6311/631150/631150647.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839693.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839735.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839738.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007839/1007839780.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/10078/1007840/1007840005.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://yeah-barcelona-hostel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Yeah Barcelona Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>24 US$</i></span> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(8793 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/7667/766784/766784296.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15513/1551323/1551323344.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15513/1551323/1551323398.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13865/1386575/1386575408.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13865/1386580/1386580769.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13865/1386580/1386580784.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://unite-hostel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Unite Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>244 US$</i></span> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(8341 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12730/1273082/1273082197.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098629.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273082/1273082533.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16040/1604098/1604098625.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16029/1602980/1602980992.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16029/1602981/1602981000.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>TOC Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>30 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(6361 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12678/1267826/1267826692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659900.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659902.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659915.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659919.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16076/1607659/1607659924.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Urbany Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>89 US$</i></span> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count">(2572 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/1730/173071/173071065.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15807/1580739/1580739283.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15807/1580739/1580739343.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15807/1580739/1580739355.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15807/1580739/1580739321.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/11084/1108412/1108412796.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Mellow ECO Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>19 US$</i></span> <span class="hotel-card__reviews-score">6.1</span> <span class="hotel-card__reviews-count">(1586 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/6958/695863/695863932.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16243/1624324/1624324595.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16243/1624324/1624324597.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16243/1624324/1624324600.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/16243/1624324/1624324603.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15806/1580692/1580692545.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://black-swan-hostel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Black Swan Hostel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>9 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(4434 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4479/447945/447945159.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15895/1589532/1589532636.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15523/1552352/1552352596.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13709/1370910/1370910476.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13709/1370918/1370918246.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12598/1259838/1259838958.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://sant-jordi-sagrada-familia-hostel.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Sant Jordi Hostels Sagrada Familia</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>22 US$</i></span> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(3347 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/2016/201671/201671338.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15006/1500605/1500605641.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15006/1500605/1500605659.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15006/1500605/1500605674.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15006/1500605/1500605677.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15006/1500605/1500605716.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://ant-hostel-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Ant Hostel Barcelona</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>32 US$</i></span> <span class="hotel-card__reviews-score">7.0</span> <span class="hotel-card__reviews-count">(2615 reseñas)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/type/hostels-11/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="top-hotels__block top-hotels-block js-2-block active"> <div class="top-hotels-block__slider js-slider-block-by-type top-hotels-block__slider--2-stars swiper"> <div class="top-hotels-block__slider-wrapper swiper-wrapper"> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/14986/1498675/1498675780.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675681.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675699.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/14986/1498675/1498675792.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13236/1323646/1323646318.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12970/1297028/1297028830.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://citadines-ramblas-barcelona.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Citadines Ramblas Barcelona Aparthotel</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>99 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(3674 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/11637/1163769/1163769498.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15402/1540296/1540296292.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15444/1544464/1544464450.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15444/1544464/1544464465.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15444/1544465/1544465203.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15444/1544465/1544465227.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://hotel-aptos-augusta.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Aparthotel Augusta</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>195 US$</i></span> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(2591 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/4560/456049/456049509.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/6315/631501/631501839.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13194/1319479/1319479936.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13197/1319780/1319780692.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/13199/1319958/1319958097.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/12730/1273024/1273024792.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://bcn-montjuic.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Aparthotel Bcn Montjuic</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>150 US$</i></span> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(4122 reseñas)</span> </div> </div> </div> <div class="hotel-card js-main-hotel-card-by-type swiper-slide"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo-by-type"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-lazy" data-src="/data/Photos/300x300w/12268/1226870/1226870585.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118625.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118637.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118751.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556118/1556118760.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img class="swiper-inner-lazy-by-type" data-src="/data/Photos/300x300w/15561/1556119/1556119309.JPEG" width="270" height="200" alt=" "> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next-by-type"> <svg class="icon hotel-card-gallery__nav-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> <div class="hotel-card__inner"> <h4 class="hotel-card__name"> <a href="https://aparthotel-napols.catalonia-hotels.com/es/" target="_blank"><span class=hotel-card__name-text>Aparthotel Napols - Abapart</span></a> </h4> <div class="hotel-card__info"> <span class="hotel-card__price">Desde <i>209 US$</i></span> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(3415 reseñas)</span> </div> </div> </div> <div class="hotel-card hotel-card--last hotel-card-last swiper-slide"> <a href="/es/type/aparthotels-2/" target="_blank"> <div class="hotel-card-last__inner"> <svg class="icon hotel-card-last__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right-more-options"></use> </svg> <h3 class="hotel-card-last__inner-text">Todos los hoteles de Barcelona</h3> </div> </a> </div> </div> </div> <div class="top-hotels-block__nav top-hotels-block-nav"> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--prev js-block-by-type-nav-prev"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="top-hotels-block-nav__btn top-hotels-block-nav__btn--next js-block-by-type-nav-next"> <svg class="icon top-hotels-block-nav__btn-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> </div> <div class="inner discover-more-unique-properties js-discover-more-unique-properties"> <h2 class="title">Descubre más propiedades únicas</h2> <p class="subtitle discover-more-unique-properties__subtitle">Elige entre una gran variedad de alojamientos exclusivos.</p> <div class="discover-more-unique-properties__wrapper"> <div class="swiper discover-more-unique-properties__slider-wrapper js-discover-more-unique-properties-slider"> <ul class="discover-more-unique-properties__list swiper-wrapper"> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130392e3130312e3131302e3131362e3131352e34352e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-apartments.jpg" alt="Apartamentos" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Apartamentos</div> <p class="discover-more-unique-properties__item-text"> Ver 4330 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131362e3130312e3130382e3131352e34352e34392e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hotels.jpg" alt="Hoteles" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <a class="discover-more-unique-properties__item-title" href="/es/barcelona-hotels-45/type/hotels-12/">Hoteles</a> <p class="discover-more-unique-properties__item-text"> Ver 663 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130332e3131372e3130312e3131352e3131362e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e34392e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-guest-houses.jpg" alt="Pensiones" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Pensiones</div> <p class="discover-more-unique-properties__item-text"> Ver 305 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-hostels.jpg" alt="Hostales" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hostales</div> <p class="discover-more-unique-properties__item-text"> Ver 304 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39382e3130312e3130302e34352e39372e3131302e3130302e34352e39382e3131342e3130312e39372e3130372e3130322e39372e3131352e3131362e3131352e34352e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-bed-and-breakfasts.jpg" alt="Bed and breakfasts" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Bed and breakfasts</div> <p class="discover-more-unique-properties__item-text"> Ver 164 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39382e3131312e3131362e3130312e3130382e3131352e34352e35312e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-botels.jpg" alt="Hoteles en barco" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hoteles en barco</div> <p class="discover-more-unique-properties__item-text"> Ver 74 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130392e3130312e3131352e3131362e39372e3132312e3131352e34352e35312e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-homestays.jpg" alt="Habitaciones en casas particulares" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Habitaciones en casas particulares</div> <p class="discover-more-unique-properties__item-text"> Ver 58 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39372e3131322e39372e3131342e3131362e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-aparthotels.jpg" alt="Apartahoteles" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Apartahoteles</div> <p class="discover-more-unique-properties__item-text"> Ver 50 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3130382e3130352e3130302e39372e3132312e34352e3130342e3131312e3130392e3130312e3131352e34352e35312e35312e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-holiday-homes.jpg" alt="Сasas de vacaciones" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Сasas de vacaciones</div> <p class="discover-more-unique-properties__item-text"> Ver 35 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3131382e3130352e3130382e3130382e39372e3131352e34352e35302e35322e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-villas.jpg" alt="Villas" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Villas</div> <p class="discover-more-unique-properties__item-text"> Ver 19 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3130392e3131322e3131352e3130352e3131362e3130312e3131352e34352e35312e35332e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-campsites.jpg" alt="Campings" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Campings</div> <p class="discover-more-unique-properties__item-text"> Ver 13 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130382e3131372e3132302e3131372e3131342e3132312e34352e3131362e3130312e3131302e3131362e3131352e34352e35302e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-luxury-tents.jpg" alt="Campos de lujo" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Campos de lujo</div> <p class="discover-more-unique-properties__item-text"> Ver 8 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39392e39372e3131322e3131352e3131372e3130382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35312e34382e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-capsule-hotels.jpg" alt="Hoteles cápsula" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hoteles cápsula</div> <p class="discover-more-unique-properties__item-text"> Ver 3 propiedades </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3131382e3130312e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35302e35362e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-love-hotels.jpg" alt="Hotel del amor" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Hotel del amor</div> <p class="discover-more-unique-properties__item-text"> Ver 1 propiedad </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39392e3131312e3131372e3131302e3131362e3131342e3132312e34352e3130342e3131312e3131372e3131352e3130312e3131352e34352e35312e34392e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-country-houses.jpg" alt="Casa rural" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Casa rural</div> <p class="discover-more-unique-properties__item-text"> Ver 1 propiedad </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130382e3131312e3130302e3130332e3130312e3131352e34352e34392e35352e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-lodges.jpg" alt="Lodge" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Lodge</div> <p class="discover-more-unique-properties__item-text"> Ver 1 propiedad </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3130352e3131302e3131302e3131352e34352e34392e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-inns.jpg" alt="Inn" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Inn</div> <p class="discover-more-unique-properties__item-text"> Ver 1 propiedad </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e39392e3130342e39372e3130382e3130312e3131362e3131352e34352e35342e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-chalets.jpg" alt="Chalet" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Chalet</div> <p class="discover-more-unique-properties__item-text"> Ver 1 propiedad </p> </div> </li> <li class="discover-more-unique-properties__item swiper-slide"> <div class="item__link js-new-window" data-new-window="34372e3130312e3131352e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34352e35322e35332e34372e3131362e3132312e3131322e3130312e34372e3131342e3130312e3131352e3131312e3131342e3131362e3131352e34352e35312e35372e3437"> <div class="discover-more-unique-properties__img-wrapper"> <img class="discover-more-unique-properties__img swiper-lazy" data-src="/new/designs/80/build/images/hotelTypes/type-resorts.jpg" alt="Resort" loading="lazy"> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="discover-more-unique-properties__item-title">Resort</div> <p class="discover-more-unique-properties__item-text"> Ver 1 propiedad </p> </div> </li> </ul> </div> <div class="discover-more-unique-properties__controls"> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--prev js-discover-arrow-prev"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="discover-more-unique-properties__control discover-more-unique-properties__control--next js-discover-arrow-next"> <svg class="icon discover-more-unique-properties__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> </div> <div class="why-book-with-us__wrapper"> <div class="why-book-with-us__bg"></div> <div class="inner why-book-with-us"> <h2 class="title">¿Por qué reservar con nosotros?</h2> <p class="subtitle why-book-with-us__subtitle">Tú buscas - nosotros respondemos</p> <ul class="why-book-with-us__list"> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Asistencia 24/7</p> <p class="why-book-with-us__item-text">Estamos a tu disposición si nos necesitas durante tus vacaciones</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Garantía del precio más bajo</p> <p class="why-book-with-us__item-text">¡No encontrarás una oferta mejor!</p> </li> <li class="why-book-with-us__item"> <svg class="icon why-book-with-us__item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-with-transparency"></use> </svg> <p class="why-book-with-us__item-title">Reserva el lugar ideal</p> <p class="why-book-with-us__item-text">Un proceso de reserva fácil y rápido</p> </li> </ul> </div> </div> </div> <div class="more-ideas__wrapper js-more-ideas"> <div class="inner more-ideas js-more-ideas-inner"> <div class="more-ideas__head js-more-ideas-btn active"> <svg class="icon more-ideas__arrow"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-down"></use> </svg> <h2 class="more-ideas__title"> Más ideas sobre dónde alojarse en Barcelona </h2> </div> <div class="more-ideas__body active"> <div class="more-ideas__block block"> <h3 class="block__title">Atractivos turísticos</h3> <ul class="block__list"> <li class="block__item"> <a href="/es/barcelona-hotels-45/convention-centre-201/" target="_blank">Centro de Convenciones</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/popular-attractions-280/" target="_blank">Atractivos turísticos</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/port-192/" target="_blank">Puerto</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/temple-101/" target="_blank">Templo</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/museum-4/" target="_blank">Museo</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/metro-station-35/" target="_blank">Estación de metro</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/business-centre-9/" target="_blank">Centro de congresos</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/park-5/" target="_blank">Parque</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/monument-30/" target="_blank">Monumento</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/train-station-33/" target="_blank">Estación de tren</a> </li> </ul> </div> <div class="more-ideas__block block"> <h3 class="block__title">Cerca de</h3> <ul class="block__list"> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-la-pedrera-357433/" target="_blank">La Pedrera</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-casa-ametller-162365/" target="_blank">Casa Ametller Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-casa-amatller-1016220/" target="_blank">Casa Amatller Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-casa-lleo-morera-1016349/" target="_blank">Casa Lleó Morera Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-fgc-provenca-162373/" target="_blank">FGC - Provença</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-carrer-de-balmes-1794398/" target="_blank">Carrer de Balmes</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-acteon-c-l-132261/" target="_blank">Acteon C L</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-agrupacio-del-bergueda-132282/" target="_blank">Agrupacio del Bergueda</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-magicus-122143/" target="_blank">Magicus Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-barcelona-stock-exchange-1826003/" target="_blank">Barcelona Stock Exchange</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-happy-parc-132420/" target="_blank">Happy Parc</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-4-vientos-122528/" target="_blank">4 Vientos Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-tivoli-theatre-1016208/" target="_blank">Tivoli Theatre</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-la-pedrera-casa-mila-156225/" target="_blank">La Pedrera Casa Mila</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-passeig-de-gracia-76374/" target="_blank">Paseo de Gracia Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-placa-catalunya-rail-station-156226/" target="_blank">Plaza de Cataluña</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-palau-de-la-musica-catalana-357439/" target="_blank">Palau de la Música Catalana Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-goya-theatre-1016259/" target="_blank">Goya Theatre Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-arc-de-triomf-119657/" target="_blank">Arco de Triunfo</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-la-seu-cathedral-of-barcelona-357382/" target="_blank">La Seu, Catedral de Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-macba-357613/" target="_blank">MACBA - Museo de Arte Contemporáneo de Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-la-sagrada-familia-76366/" target="_blank">Templo Expiatorio de la Sagrada Familia</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-santa-maria-del-mar-84688/" target="_blank">Santa Maria del Mar Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-barcelona-zoo-162351/" target="_blank">Zoo de Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-victoria-theatre-1016271/" target="_blank">Victoria Theatre Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-razzmatazz-club-357487/" target="_blank">Razzmatazz Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-plaza-espanya-357445/" target="_blank">Plaza España Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-agbar-tower-1780697/" target="_blank">Torre Agbar</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-magic-fountain-of-montjuic-357589/" target="_blank">Fuente Mágica de Montjuïc</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-barcelona-sants-rail-station-155953/" target="_blank">Barcelona Sants Railway Station</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-montjuic-357400/" target="_blank">Montjuïc</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-world-trade-center-barcelona-1016217/" target="_blank">World Trade Center Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-l-illa-diagonal-shopping-centre-357634/" target="_blank">L'Illa Diagonal Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-port-olimpic-122141/" target="_blank">Port Olimpic Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-barceloneta-beach-162352/" target="_blank">Barceloneta Beach Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-hospital-sant-pau-213466/" target="_blank">Hospital de Sant Pau</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-barcelona-olympic-stadium-1786106/" target="_blank">Estadio Olímpico de Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-park-guell-357388/" target="_blank">Parque Güell</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-palau-sant-jordi-236209/" target="_blank">Palau Sant Jordi Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-camp-nou-233617/" target="_blank">Spotify Camp Nou</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-vall-d-hebron-metro-1724267/" target="_blank">Estación de metro Vall d'Hebron</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-diagonal-mar-shopping-centre-357490/" target="_blank">Diagonal Mar Barcelona</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-vall-d-hebron-university-hospital-1772744/" target="_blank">Vall d'Hebron University Hospital</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-palau-de-congressos-de-catalunya-357460/" target="_blank">Palacio de Congresos de Cataluña</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-parc-del-forum-236240/" target="_blank">Parque del Fórum</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-tibidabo-357415/" target="_blank">Tibidabo</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-el-prat-de-llobregat-134333/" target="_blank">Aeropuerto de Barcelona-El Prat</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-zona-franca-1646948/" target="_blank">Zona Franca</a> </li> <li class="block__item"> <a href="/es/barcelona-hotels-45/near-port-of-barcelona-fuel-de-pot-1058565/" target="_blank">Puerto de Barcelona, depósito de carburante</a> </li> </ul> </div> </div> </div> </div> <footer class="footer"> <div class="footer__top top"> <div class="top__main-info main-info"> <div class="top__logo"> <a href="/es/" class="footer-logo"> <div class="footer-logo__wrap"> <div class="footer-logo__above"> <div class="footer-logo__above-text">hotel in</div> </div> <div class="footer-logo__text"> Barcelona </div> <div class="footer-logo__under"> <div class="footer-logo__under-text">.com</div> </div> </div> </a> </div> <ul class="main-info__list"> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> Amamos Barcelona y conocemos nuestra ciudad. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> Estamos aquí a tu disposición, también físicamente en el mismo Barcelona. </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text">Te ofrecemos grandes ofertas, hoteles y billetes.</span> </li> </ul> </div> <div class="top__additional-info additional-info"> <div class="additional-info__more"> <h3 class="additional-info__more-title">Más información</h3> <ul class="additional-info__more-list"> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131352e34372e39372e39382e3131312e3131372e3131362e3437>Quienes somos</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131352e34372e3131322e3131342e3130352e3131382e39372e39392e3132312e3437>Privacidad</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131352e34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437>Contáctanos</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130312e3131352e34372e39372e3130302e3130302e34352e3130342e3131312e3131362e3130312e3130382e3437>Añadir una propiedad</span> </li> </ul> <ul class="additional-info__more-media more__media"> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--fb"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#fb"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--yt"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--insta"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram"></use> </svg> </li> </ul> </div> </div> </div> <div class="footer__bottom bottom"> <div class="bottom__inner"> <p class="bottom__copyright">Hotel Reservation System | 2025 © catalonia-hotels.com. All rights reserved</p> <ul class="bottom__payment-list"> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-pci"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-mastercard"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-visa"></use> </svg> </li> </ul> </div> </div> </footer> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>Usamos las cookies para ofrecerte la mejor experiencia en nuestra página web. Si sigues usando esta página, asumimos que estás de acuerdo con ello.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'catalonia-hotels.com', page: 'main', type: 'destination', lang_id: '4', lang: 'es', day: '12', month: '01', year: '2025', id: '2886791709', track: 'Me1Hl6i8Tg5syrLi', btest: false , device: 3 , tob: false , sdom: 'https://www.catalonia-hotels.com', sid: '126989', nid: '55', curr: 'US$', curr_rate: '1', currency: {"ID":"1","CurrencyID":"1","LangID":"4","Name":"D\u00f3lar estadounidense","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/barcelona-hotels-45\/?currency=1"}, obj_id: '45', theme: '8001', cityID: 45, map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { use: '0', from: '2025-01-13', to: '2025-01-14', adults: '2', children: '0', childrenTitle: 'Edades de los niños:' }, messages: { f_name: 'Por favor, introduce tu nombre', f_email: 'Por favor, introduce una dirección de correo electrónico válida', f_subject: 'Por favor, elige un tema', f_message: 'Por favor, escribe tu mensaje', f_review: 'Ingrese el texto', f_review_cons: 'Ingrese el texto', f_month: 'Por favor, elige el mes', f_year: 'Por favor, elige el año', f_rating: 'Por favor, valora el alojamiento', } , k: 'pd7fcayoq6', v: '25f49a0042358ec67bfe8d558cdfa8a1' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'4', language:'es', isRtl: false , currentDay:'12', currentMonth:'01', currentYear:'2025', logId: '2886791709', track: 'Me1Hl6i8Tg5syrLi', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.catalonia-hotels.com', siteId:'126989', nid:'55', siteDomain: 'catalonia-hotels.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'8001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n55-120125-s126989-wMe1Hl6i8Tg5syrLi-d8001-dc3" }, cityID: 45, cityLocalName: "Catalonia", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2025-01-13', dataTo:'2025-01-14', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Por favor, introduce tu nombre', messageEmail:'Por favor, introduce una dirección de correo electrónico válida', messageSubject:'Por favor, elige un tema', messageMessage:'Por favor, escribe tu mensaje', messageReview:'Ingrese el texto', messageReviewCons:'Ingrese el texto', messageMonth:'Por favor, elige el mes', messageYear:'Por favor, elige el año', messageRating:'Por favor, valora el alojamiento', messageCountry:'Elige un país', next:'Siguiente', prev:'Anterior', messageCalendar:'Introduce tus fechas y comprueba nuestras ofertas especiales' }, stopSpamKey:'pd7fcayoq6', stopSpamValue:'25f49a0042358ec67bfe8d558cdfa8a1', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.catalonia-hotels.com"]); _paq.push(["setDomains", ["*.catalonia-hotels.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 126989]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'es', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=126989" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/80/build/destination-main-page/script.41f07d6a8e4825dc014ebe6da0e96e0f.js"></script> <script nomodule src="/new/designs/80/build/destination-main-page/script-es5.b67698a4c71f404e65e9bd2c64f580f6.js"></script> </body> </html>