CINXE.COM

<!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>Mejores Hostales en Cataluña, España - Lugares Principales para alojarse en 2025</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="Hostales Cataluña, albergues Cataluña, hostales en Cataluña, albergues en Cataluña"/> <meta name="description" content="Reserva online de Hostales en Cataluña, 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-search-page/style.bde1652ad41a9333f9ff1572608ca482.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/type/hostels-11/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.catalonia-hotels.com/zh/type/hostels-11/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.catalonia-hotels.com/cs/type/hostels-11/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.catalonia-hotels.com/da/type/hostels-11/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.catalonia-hotels.com/de/type/hostels-11/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.catalonia-hotels.com/en/type/hostels-11/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.catalonia-hotels.com/es/type/hostels-11/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.catalonia-hotels.com/fr/type/hostels-11/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.catalonia-hotels.com/el/type/hostels-11/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.catalonia-hotels.com/he/type/hostels-11/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.catalonia-hotels.com/it/type/hostels-11/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.catalonia-hotels.com/ja/type/hostels-11/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.catalonia-hotels.com/ko/type/hostels-11/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.catalonia-hotels.com/hu/type/hostels-11/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.catalonia-hotels.com/nl/type/hostels-11/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.catalonia-hotels.com/pl/type/hostels-11/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.catalonia-hotels.com/pt/type/hostels-11/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.catalonia-hotels.com/ru/type/hostels-11/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.catalonia-hotels.com/sv/type/hostels-11/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.catalonia-hotels.com/tr/type/hostels-11/" title="Turkish"/> <link rel="canonical" href="https://www.catalonia-hotels.com/es/type/hostels-11/"/> <link rel="next" href="/es/type/hostels-11/2/"/> </head> <body> <div class="banner banner--hotel_list" 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"> Catalonia </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/type/hotels-12/" class="mega-menu__link js-link">Hoteles en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/aparthotels-2/" class="mega-menu__link js-link">Apartahoteles en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">Bed and breakfasts en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/hostels-11/" class="mega-menu__link js-link">Hostales en Cataluña</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/5-stars/" class="mega-menu__link js-link">Hoteles de 5 estrellas en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/4-stars/" class="mega-menu__link js-link">Hoteles de 4 estrellas en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/3-stars/" class="mega-menu__link js-link">Hoteles de 3 estrellas en Cataluña</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/type/apartments-3/" class="mega-menu__link js-link">Apartamentos en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/villas-24/" class="mega-menu__link js-link">Villas en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/homestays-32/" class="mega-menu__link js-link">Habitaciones en casas particulares en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/holiday-homes-33/" class="mega-menu__link js-link">Сasas de vacaciones en Cataluña</a> </li> <li class="mega-menu__list-item"> <a href="/es/type/guest-houses-10/" class="mega-menu__link js-link">Pensiones en Cataluña</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"> Catalonia </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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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/type/hostels-11/" 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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <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=34372e3131362e3132312e3131322e3130312e34372e3130342e3131312e3131352e3131362e3130312e3130382e3131352e34352e34392e34392e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <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">Hostales en Cataluña</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 avail-form--cities" autocomplete="off" action="/es/search/" method="post"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="s" value="1" /> <select class="hidden" type="hidden" name="cityID" value="45" id="cityId"> <option value="45" data-bcity-id="-372490" > </option> <option value="8571" data-bcity-id="-400284" > </option> <option value="19154" data-bcity-id="-389487" > </option> <option value="8316" data-bcity-id="-403043" > </option> <option value="8381" data-bcity-id="-399710" > </option> <option value="18308" data-bcity-id="-383956" > </option> <option value="2593" data-bcity-id="-404906" > </option> <option value="31408" data-bcity-id="900039105" > </option> <option value="8509" data-bcity-id="-375231" > </option> <option value="848" data-bcity-id="-403902" > </option> <option value="8387" data-bcity-id="-375051" > </option> <option value="4507" data-bcity-id="-376945" > </option> <option value="35584" data-bcity-id="-385443" > </option> <option value="14533" data-bcity-id="-382463" > </option> <option value="27024" data-bcity-id="-402002" > </option> <option value="8416" data-bcity-id="-374873" > </option> <option value="7230" data-bcity-id="-407187" > </option> <option value="18390" data-bcity-id="-381074" > </option> <option value="8860" data-bcity-id="-390817" > </option> <option value="7332" data-bcity-id="-373696" > </option> </select> <div class="avail-form__cities js-cities-wrapper"> <div class="avail-form__field-cities field js-cities-toggler"> <div class="field__wrapper"> <div class="field__label">Destino</div> <div id="cityName" class="field__text">Barcelona</div> </div> <p class="avail-form__error hidden js-city-error">Elige la ciudad primero</p> </div> <div class="avail-form__dropdown cities-dropdown js-cities-dropdown"> <div class="cities-dropdown__item js-city-item" data-city-id="45" data-city-name="Barcelona"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Barcelona</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8571" data-city-name="Salou"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Salou</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="19154" data-city-name="Lloret de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Lloret de Mar</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8316" data-city-name="Sitges"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Sitges</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8381" data-city-name="Rosas"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Rosas</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18308" data-city-name="Gerona"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Gerona</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="2593" data-city-name="Tossa de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Tossa de Mar</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="31408" data-city-name="Platja d'Aro (Playa de Aro)"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Platja d'Aro (Playa de Aro)</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8509" data-city-name="Cambrils"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Cambrils</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="848" data-city-name="Tarragona"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Tarragona</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8387" data-city-name="Calella"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Calella</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="4507" data-city-name="Castelldefels"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Castelldefels</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="35584" data-city-name="L'Hospitalet de Llobregat"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">L'Hospitalet de Llobregat</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="14533" data-city-name="Figueras"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Figueras</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="27024" data-city-name="Santa Susanna"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Santa Susanna</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8416" data-city-name="Cadaqués"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Cadaqués</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="7230" data-city-name="Vielha"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Vielha</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18390" data-city-name="El Prat de Llobregat"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">El Prat de Llobregat</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8860" data-city-name="Malgrat de Mar"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Malgrat de Mar</div> <div class="cities-dropdown__city-country">España</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="7332" data-city-name="Blanes"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">Blanes</div> <div class="cities-dropdown__city-country">España</div> </div> </div> </div> </div> <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">14</span> <span class="js-date-month">March</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-03-14"> </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">15</span> <span class="js-date-month">March</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-03-15"> </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> <span class="js-guests-count-text" style="display: none;" data-guests-count="8"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="9"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="10"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="11"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="12"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="13"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="14"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="15"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="16"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="17"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="18"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="19"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="20"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="21"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="22"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="23"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="24"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="25"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="26"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="27"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="28"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="29"> huéspedes</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="30"> 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-hotel_list js-page-content"> <div class="filters-column"> <div class="page-title hidden">Hostales en Cataluña</div> <div class="filters-popup js-mob-filter js-filters-cont js-filters-popup"> <div class="filters-popup__inner js-filters-popup-content"> <div class="filters-popup__header"> <div class="filters-popup__header-in"> <div class="filters-popup__close-btn js-filters-popup-close-btn"> <svg class="filters-popup__close-btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <h3 class="filters-popup__title">Filtros</h3> </div> </div> <div class="filters-popup__main"> <form class="js-hotellist-filters" action="/search/"> <fieldset class="hidden"> <input type="hidden" name="sort" value="Rating"/> <input type="hidden" name="order" value="DESC"/> <input type="hidden" name="part" value="1"/> </fieldset> <div class="selected-filters filters-group js-selected-filters-block"> <div class="selected-filters__title">Filtros seleccionados</div> <div class="selected-filters__btn selected-filters__btn--clear js-clear-filter"> <div class="selected-filters__btn-text">Borrar</div> <svg width="18" height="18" class="selected-filters__icon-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#icon-popup-close"></use> </svg> </div> <div data-target="TypeID_11" class="selected-filters__btn js-selected-filter-btn"> <div class="selected-filters__btn-text"> Hostales </div> <svg width="18" height="18" class="selected-filters__icon-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#icon-popup-close"></use> </svg> </div> </div> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Tipo de alojamiento</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_3" type="checkbox" name="TypeID[]" value="3" /> <label class="filters-group__label" for="TypeID_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/apartments-3/" class="filters-group__label-name js-filter-popup">Apartamentos</a> <span class="filters-group__label-count">[25362]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_33" type="checkbox" name="TypeID[]" value="33" /> <label class="filters-group__label" for="TypeID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/holiday-homes-33/" class="filters-group__label-name js-filter-popup">Сasas de vacaciones</a> <span class="filters-group__label-count">[6604]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_24" type="checkbox" name="TypeID[]" value="24" /> <label class="filters-group__label" for="TypeID_24"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/villas-24/" class="filters-group__label-name js-filter-popup">Villas</a> <span class="filters-group__label-count">[3184]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_12" type="checkbox" name="TypeID[]" value="12" /> <label class="filters-group__label" for="TypeID_12"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/hotels-12/" class="filters-group__label-name js-filter-popup">Hoteles</a> <span class="filters-group__label-count">[2811]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_10" type="checkbox" name="TypeID[]" value="10" /> <label class="filters-group__label" for="TypeID_10"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/guest-houses-10/" class="filters-group__label-name js-filter-popup">Pensiones</a> <span class="filters-group__label-count">[890]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_31" type="checkbox" name="TypeID[]" value="31" /> <label class="filters-group__label" for="TypeID_31"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/country-houses-31/" class="filters-group__label-name js-filter-popup">Casas rurales</a> <span class="filters-group__label-count">[668]</span> </span> </label> </li> <li class="filters-group__item is-checked"> <input class="filters-group__checkbox-input" id="TypeID_11" type="checkbox" name="TypeID[]" value="11" checked/> <label class="filters-group__label" for="TypeID_11"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/hostels-11/" class="filters-group__label-name js-filter-popup">Hostales</a> <span class="filters-group__label-count">[465]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_4" type="checkbox" name="TypeID[]" value="4" /> <label class="filters-group__label" for="TypeID_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/bed-and-breakfasts-4/" class="filters-group__label-name js-filter-popup">Bed and breakfasts</a> <span class="filters-group__label-count">[395]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_6" type="checkbox" name="TypeID[]" value="6" /> <label class="filters-group__label" for="TypeID_6"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/chalets-6/" class="filters-group__label-name js-filter-popup">Chalets</a> <span class="filters-group__label-count">[289]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_35" type="checkbox" name="TypeID[]" value="35" /> <label class="filters-group__label" for="TypeID_35"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/campsites-35/" class="filters-group__label-name js-filter-popup">Campings</a> <span class="filters-group__label-count">[270]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_32" type="checkbox" name="TypeID[]" value="32" /> <label class="filters-group__label" for="TypeID_32"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/homestays-32/" class="filters-group__label-name js-filter-popup">Habitaciones en casas particulares</a> <span class="filters-group__label-count">[240]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_2" type="checkbox" name="TypeID[]" value="2" /> <label class="filters-group__label" for="TypeID_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/aparthotels-2/" class="filters-group__label-name js-filter-popup">Apartahoteles</a> <span class="filters-group__label-count">[217]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_34" type="checkbox" name="TypeID[]" value="34" /> <label class="filters-group__label" for="TypeID_34"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/botels-34/" class="filters-group__label-name js-filter-popup">Hoteles en barco</a> <span class="filters-group__label-count">[200]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_29" type="checkbox" name="TypeID[]" value="29" /> <label class="filters-group__label" for="TypeID_29"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/luxury-tents-29/" class="filters-group__label-name js-filter-popup">Campos de lujo</a> <span class="filters-group__label-count">[64]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_37" type="checkbox" name="TypeID[]" value="37" /> <label class="filters-group__label" for="TypeID_37"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/farm-stays-37/" class="filters-group__label-name js-filter-popup">Agroturismos</a> <span class="filters-group__label-count">[54]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_17" type="checkbox" name="TypeID[]" value="17" /> <label class="filters-group__label" for="TypeID_17"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/lodges-17/" class="filters-group__label-name js-filter-popup">Lodges</a> <span class="filters-group__label-count">[25]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_36" type="checkbox" name="TypeID[]" value="36" /> <label class="filters-group__label" for="TypeID_36"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/holiday-parks-36/" class="filters-group__label-name js-filter-popup">Parques de vacaciones</a> <span class="filters-group__label-count">[24]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_16" type="checkbox" name="TypeID[]" value="16" /> <label class="filters-group__label" for="TypeID_16"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/inns-16/" class="filters-group__label-name js-filter-popup">Inns</a> <span class="filters-group__label-count">[19]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_39" type="checkbox" name="TypeID[]" value="39" /> <label class="filters-group__label" for="TypeID_39"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/resorts-39/" class="filters-group__label-name js-filter-popup">Resorts</a> <span class="filters-group__label-count">[17]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_7" type="checkbox" name="TypeID[]" value="7" /> <label class="filters-group__label" for="TypeID_7"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/condos-7/" class="filters-group__label-name js-filter-popup">Condominios</a> <span class="filters-group__label-count">[5]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_30" type="checkbox" name="TypeID[]" value="30" /> <label class="filters-group__label" for="TypeID_30"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/capsule-hotels-30/" class="filters-group__label-name js-filter-popup">Hoteles cápsula</a> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_28" type="checkbox" name="TypeID[]" value="28" /> <label class="filters-group__label" for="TypeID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/love-hotels-28/" class="filters-group__label-name js-filter-popup">Hoteles del amor</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_18" type="checkbox" name="TypeID[]" value="18" /> <label class="filters-group__label" for="TypeID_18"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/es/type/motels-18/" class="filters-group__label-name js-filter-popup">Moteles</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Mostrar todos +</span> <span class="show-all-filters__text show-all-filters__text--less">Mostrar Menos -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Hoteles por clase</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active filters-group__list--tags"> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_5" type="checkbox" name="Stars[]" value="5" /> <label class="filters-group__label" for="Stars_5"> <a href="/es/5-stars/" class="filters-group__label-name js-filter-popup">5</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_4" type="checkbox" name="Stars[]" value="4" /> <label class="filters-group__label" for="Stars_4"> <a href="/es/4-stars/" class="filters-group__label-name js-filter-popup">4</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_3" type="checkbox" name="Stars[]" value="3" /> <label class="filters-group__label" for="Stars_3"> <a href="/es/3-stars/" class="filters-group__label-name js-filter-popup">3</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_2" type="checkbox" name="Stars[]" value="2" /> <label class="filters-group__label" for="Stars_2"> <a href="/es/2-stars/" class="filters-group__label-name js-filter-popup">2</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_0" type="checkbox" name="Stars[]" value="0" /> <label class="filters-group__label" for="Stars_0"> <a href="/es/0-stars/" class="filters-group__label-name js-filter-popup">0</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Precio por noche</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_0" type="checkbox" name="Price[]" value="0" /> <label class="filters-group__label" for="Price_0"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 0 - USD 50</span> <span class="filters-group__label-count">[180]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_1" type="checkbox" name="Price[]" value="1" /> <label class="filters-group__label" for="Price_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 50 - USD 100</span> <span class="filters-group__label-count">[151]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_2" type="checkbox" name="Price[]" value="2" /> <label class="filters-group__label" for="Price_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 100 - USD 150</span> <span class="filters-group__label-count">[70]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_3" type="checkbox" name="Price[]" value="3" /> <label class="filters-group__label" for="Price_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 150 - USD 200</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_4" type="checkbox" name="Price[]" value="4" /> <label class="filters-group__label" for="Price_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 200+</span> <span class="filters-group__label-count">[21]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Zona</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132713" type="checkbox" name="DistrictID[]" value="132713" /> <label class="filters-group__label" for="DistrictID_132713"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Eixample</span> <span class="filters-group__label-count">[113]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132712" type="checkbox" name="DistrictID[]" value="132712" /> <label class="filters-group__label" for="DistrictID_132712"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Ciutat Vella</span> <span class="filters-group__label-count">[105]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132718" type="checkbox" name="DistrictID[]" value="132718" /> <label class="filters-group__label" for="DistrictID_132718"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sants-Montjuïc</span> <span class="filters-group__label-count">[23]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132714" type="checkbox" name="DistrictID[]" value="132714" /> <label class="filters-group__label" for="DistrictID_132714"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Gracia</span> <span class="filters-group__label-count">[13]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132717" type="checkbox" name="DistrictID[]" value="132717" /> <label class="filters-group__label" for="DistrictID_132717"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sant Martí</span> <span class="filters-group__label-count">[10]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132716" type="checkbox" name="DistrictID[]" value="132716" /> <label class="filters-group__label" for="DistrictID_132716"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Les Corts</span> <span class="filters-group__label-count">[5]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132719" type="checkbox" name="DistrictID[]" value="132719" /> <label class="filters-group__label" for="DistrictID_132719"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sarrià-Sant Gervasi</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903018" type="checkbox" name="DistrictID[]" value="903018" /> <label class="filters-group__label" for="DistrictID_903018"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Centro de Lloret</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132715" type="checkbox" name="DistrictID[]" value="132715" /> <label class="filters-group__label" for="DistrictID_132715"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Horta-Guinardó</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_133154" type="checkbox" name="DistrictID[]" value="133154" /> <label class="filters-group__label" for="DistrictID_133154"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sant Andreu</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_283907" type="checkbox" name="DistrictID[]" value="283907" /> <label class="filters-group__label" for="DistrictID_283907"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Nou Barris</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_900054" type="checkbox" name="DistrictID[]" value="900054" /> <label class="filters-group__label" for="DistrictID_900054"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Centro de Barcelona</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907224" type="checkbox" name="DistrictID[]" value="907224" /> <label class="filters-group__label" for="DistrictID_907224"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Playa de Calella</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_1703419" type="checkbox" name="DistrictID[]" value="1703419" /> <label class="filters-group__label" for="DistrictID_1703419"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Centro histórico</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_1703428" type="checkbox" name="DistrictID[]" value="1703428" /> <label class="filters-group__label" for="DistrictID_1703428"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Centro histórico</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Mostrar todos +</span> <span class="show-all-filters__text show-all-filters__text--less">Mostrar Menos -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Puntuación de Reseñas</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_4" type="checkbox" name="Rating[]" value="4" /> <label class="filters-group__label" for="Rating_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Excelente 4.5+</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_3" type="checkbox" name="Rating[]" value="3" /> <label class="filters-group__label" for="Rating_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Muy bien 4+</span> <span class="filters-group__label-count">[144]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_2" type="checkbox" name="Rating[]" value="2" /> <label class="filters-group__label" for="Rating_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Bien 3.5+</span> <span class="filters-group__label-count">[71]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_1" type="checkbox" name="Rating[]" value="1" /> <label class="filters-group__label" for="Rating_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Regular 3+</span> <span class="filters-group__label-count">[22]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Lugares de interés</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_134333" type="checkbox" name="LandmarkID[]" value="134333" /> <label class="filters-group__label" for="LandmarkID_134333"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Aeropuerto de Barcelona-El Prat</span> <span class="filters-group__label-count">[12]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_136470" type="checkbox" name="LandmarkID[]" value="136470" /> <label class="filters-group__label" for="LandmarkID_136470"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Aeropuerto de Gerona</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_140294" type="checkbox" name="LandmarkID[]" value="140294" /> <label class="filters-group__label" for="LandmarkID_140294"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Aeropuerto de Reus</span> <span class="filters-group__label-count">[6]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_264051" type="checkbox" name="LandmarkID[]" value="264051" /> <label class="filters-group__label" for="LandmarkID_264051"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Estacion de Barcelona Sants</span> <span class="filters-group__label-count">[7]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76366" type="checkbox" name="LandmarkID[]" value="76366" /> <label class="filters-group__label" for="LandmarkID_76366"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Templo Expiatorio de la Sagrada Familia</span> <span class="filters-group__label-count">[107]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_233617" type="checkbox" name="LandmarkID[]" value="233617" /> <label class="filters-group__label" for="LandmarkID_233617"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Spotify Camp Nou</span> <span class="filters-group__label-count">[29]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_156226" type="checkbox" name="LandmarkID[]" value="156226" /> <label class="filters-group__label" for="LandmarkID_156226"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Plaza de Cataluña</span> <span class="filters-group__label-count">[119]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357451" type="checkbox" name="LandmarkID[]" value="357451" /> <label class="filters-group__label" for="LandmarkID_357451"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port Vell</span> <span class="filters-group__label-count">[100]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_155953" type="checkbox" name="LandmarkID[]" value="155953" /> <label class="filters-group__label" for="LandmarkID_155953"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Sants Railway Station</span> <span class="filters-group__label-count">[89]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76374" type="checkbox" name="LandmarkID[]" value="76374" /> <label class="filters-group__label" for="LandmarkID_76374"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Paseo de Gracia Barcelona</span> <span class="filters-group__label-count">[119]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162352" type="checkbox" name="LandmarkID[]" value="162352" /> <label class="filters-group__label" for="LandmarkID_162352"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barceloneta Beach Barcelona</span> <span class="filters-group__label-count">[83]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_236209" type="checkbox" name="LandmarkID[]" value="236209" /> <label class="filters-group__label" for="LandmarkID_236209"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Palau Sant Jordi Barcelona</span> <span class="filters-group__label-count">[58]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357445" type="checkbox" name="LandmarkID[]" value="357445" /> <label class="filters-group__label" for="LandmarkID_357445"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Plaza España Barcelona</span> <span class="filters-group__label-count">[109]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_156240" type="checkbox" name="LandmarkID[]" value="156240" /> <label class="filters-group__label" for="LandmarkID_156240"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Estacion de Provenza/Diagonal</span> <span class="filters-group__label-count">[36]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_365989" type="checkbox" name="LandmarkID[]" value="365989" /> <label class="filters-group__label" for="LandmarkID_365989"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Termas romanas</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_236153" type="checkbox" name="LandmarkID[]" value="236153" /> <label class="filters-group__label" for="LandmarkID_236153"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Feria de Barcelona</span> <span class="filters-group__label-count">[13]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76377" type="checkbox" name="LandmarkID[]" value="76377" /> <label class="filters-group__label" for="LandmarkID_76377"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Puerto de Barcelona</span> <span class="filters-group__label-count">[11]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357400" type="checkbox" name="LandmarkID[]" value="357400" /> <label class="filters-group__label" for="LandmarkID_357400"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Montjuïc</span> <span class="filters-group__label-count">[84]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1786106" type="checkbox" name="LandmarkID[]" value="1786106" /> <label class="filters-group__label" for="LandmarkID_1786106"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Estadio Olímpico de Barcelona</span> <span class="filters-group__label-count">[64]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357388" type="checkbox" name="LandmarkID[]" value="357388" /> <label class="filters-group__label" for="LandmarkID_357388"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Parque Güell</span> <span class="filters-group__label-count">[63]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1772744" type="checkbox" name="LandmarkID[]" value="1772744" /> <label class="filters-group__label" for="LandmarkID_1772744"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Vall d'Hebron University Hospital</span> <span class="filters-group__label-count">[9]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357415" type="checkbox" name="LandmarkID[]" value="357415" /> <label class="filters-group__label" for="LandmarkID_357415"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Tibidabo</span> <span class="filters-group__label-count">[6]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_84685" type="checkbox" name="LandmarkID[]" value="84685" /> <label class="filters-group__label" for="LandmarkID_84685"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Casa Batlló Barcelona</span> <span class="filters-group__label-count">[122]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1053606" type="checkbox" name="LandmarkID[]" value="1053606" /> <label class="filters-group__label" for="LandmarkID_1053606"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Roc Blanc La Molina Alp</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357382" type="checkbox" name="LandmarkID[]" value="357382" /> <label class="filters-group__label" for="LandmarkID_357382"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">La Seu, Catedral de Barcelona</span> <span class="filters-group__label-count">[115]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76362" type="checkbox" name="LandmarkID[]" value="76362" /> <label class="filters-group__label" for="LandmarkID_76362"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Cruise Port Terminal</span> <span class="filters-group__label-count">[35]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_122141" type="checkbox" name="LandmarkID[]" value="122141" /> <label class="filters-group__label" for="LandmarkID_122141"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port Olimpic Barcelona</span> <span class="filters-group__label-count">[84]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357487" type="checkbox" name="LandmarkID[]" value="357487" /> <label class="filters-group__label" for="LandmarkID_357487"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Razzmatazz Barcelona</span> <span class="filters-group__label-count">[96]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016271" type="checkbox" name="LandmarkID[]" value="1016271" /> <label class="filters-group__label" for="LandmarkID_1016271"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Victoria Theatre Barcelona</span> <span class="filters-group__label-count">[107]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016217" type="checkbox" name="LandmarkID[]" value="1016217" /> <label class="filters-group__label" for="LandmarkID_1016217"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">World Trade Center Barcelona</span> <span class="filters-group__label-count">[82]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Mostrar todos +</span> <span class="show-all-filters__text show-all-filters__text--less">Mostrar Menos -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Hoteles Temáticos</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_9" type="checkbox" name="ThemeID[]" value="9" /> <label class="filters-group__label" for="ThemeID_9"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles baratos</span> <span class="filters-group__label-count">[360]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_8" type="checkbox" name="ThemeID[]" value="8" /> <label class="filters-group__label" for="ThemeID_8"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles en el centro</span> <span class="filters-group__label-count">[217]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_18" type="checkbox" name="ThemeID[]" value="18" /> <label class="filters-group__label" for="ThemeID_18"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Resorts</span> <span class="filters-group__label-count">[71]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_10" type="checkbox" name="ThemeID[]" value="10" /> <label class="filters-group__label" for="ThemeID_10"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles de diseño excepcional</span> <span class="filters-group__label-count">[61]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_11" type="checkbox" name="ThemeID[]" value="11" /> <label class="filters-group__label" for="ThemeID_11"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles familiares</span> <span class="filters-group__label-count">[56]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_2" type="checkbox" name="ThemeID[]" value="2" /> <label class="filters-group__label" for="ThemeID_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles de playa</span> <span class="filters-group__label-count">[52]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_28" type="checkbox" name="ThemeID[]" value="28" /> <label class="filters-group__label" for="ThemeID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles que admiten mascotas</span> <span class="filters-group__label-count">[32]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_1" type="checkbox" name="ThemeID[]" value="1" /> <label class="filters-group__label" for="ThemeID_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles cerca del aeropuerto</span> <span class="filters-group__label-count">[20]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_4" type="checkbox" name="ThemeID[]" value="4" /> <label class="filters-group__label" for="ThemeID_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles boutique</span> <span class="filters-group__label-count">[12]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_6" type="checkbox" name="ThemeID[]" value="6" /> <label class="filters-group__label" for="ThemeID_6"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles para negocios</span> <span class="filters-group__label-count">[11]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_14" type="checkbox" name="ThemeID[]" value="14" /> <label class="filters-group__label" for="ThemeID_14"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles de lujo</span> <span class="filters-group__label-count">[9]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_12" type="checkbox" name="ThemeID[]" value="12" /> <label class="filters-group__label" for="ThemeID_12"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles con golf</span> <span class="filters-group__label-count">[7]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_19" type="checkbox" name="ThemeID[]" value="19" /> <label class="filters-group__label" for="ThemeID_19"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles de playa</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_40" type="checkbox" name="ThemeID[]" value="40" /> <label class="filters-group__label" for="ThemeID_40"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Pequeños Hoteles de lujo</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_16" type="checkbox" name="ThemeID[]" value="16" /> <label class="filters-group__label" for="ThemeID_16"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles románticos</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_29" type="checkbox" name="ThemeID[]" value="29" /> <label class="filters-group__label" for="ThemeID_29"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles con cocina</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_13" type="checkbox" name="ThemeID[]" value="13" /> <label class="filters-group__label" for="ThemeID_13"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles históricos</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_17" type="checkbox" name="ThemeID[]" value="17" /> <label class="filters-group__label" for="ThemeID_17"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Balnearios</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_33" type="checkbox" name="ThemeID[]" value="33" /> <label class="filters-group__label" for="ThemeID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Jacuzzi</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_34" type="checkbox" name="ThemeID[]" value="34" /> <label class="filters-group__label" for="ThemeID_34"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Hoteles con piscina cubierta</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Mostrar todos +</span> <span class="show-all-filters__text show-all-filters__text--less">Mostrar Menos -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Servicios en el hotel</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_97" type="checkbox" name="AmenityID[]" value="97" /> <label class="filters-group__label" for="AmenityID_97"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Wifi</span> <span class="filters-group__label-count">[332]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_129" type="checkbox" name="AmenityID[]" value="129" /> <label class="filters-group__label" for="AmenityID_129"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Recepción 24 horas</span> <span class="filters-group__label-count">[117]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_28" type="checkbox" name="AmenityID[]" value="28" /> <label class="filters-group__label" for="AmenityID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Habitaciones/ instalaciones para personas de movilidad reducida</span> <span class="filters-group__label-count">[111]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_7" type="checkbox" name="AmenityID[]" value="7" /> <label class="filters-group__label" for="AmenityID_7"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Se permiten mascotas</span> <span class="filters-group__label-count">[44]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1100" type="checkbox" name="AmenityID[]" value="1100" /> <label class="filters-group__label" for="AmenityID_1100"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Registro de entrada y salida exprés</span> <span class="filters-group__label-count">[42]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1362" type="checkbox" name="AmenityID[]" value="1362" /> <label class="filters-group__label" for="AmenityID_1362"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Solo para adultos</span> <span class="filters-group__label-count">[30]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_413" type="checkbox" name="AmenityID[]" value="413" /> <label class="filters-group__label" for="AmenityID_413"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Lanzadera al aeropuerto</span> <span class="filters-group__label-count">[24]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_256" type="checkbox" name="AmenityID[]" value="256" /> <label class="filters-group__label" for="AmenityID_256"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Gimnasio</span> <span class="filters-group__label-count">[9]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_105" type="checkbox" name="AmenityID[]" value="105" /> <label class="filters-group__label" for="AmenityID_105"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Piscina cubierta</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">Mostrar todos +</span> <span class="show-all-filters__text show-all-filters__text--less">Mostrar Menos -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">Servicios en las habitaciones</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1135" type="checkbox" name="AmenityID[]" value="1135" /> <label class="filters-group__label" for="AmenityID_1135"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Habitaciones insonorizadas</span> <span class="filters-group__label-count">[28]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1095" type="checkbox" name="AmenityID[]" value="1095" /> <label class="filters-group__label" for="AmenityID_1095"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Wi-Fi gratis en las habitaciones</span> <span class="filters-group__label-count">[21]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1338" type="checkbox" name="AmenityID[]" value="1338" /> <label class="filters-group__label" for="AmenityID_1338"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Baño privado</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1349" type="checkbox" name="AmenityID[]" value="1349" /> <label class="filters-group__label" for="AmenityID_1349"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Calefacción central</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1426" type="checkbox" name="AmenityID[]" value="1426" /> <label class="filters-group__label" for="AmenityID_1426"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Mininevera</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> </ul> </fieldset> </form> </div> <div class="filters-popup__footer"> <div class="filters-popup__footer-in"> <div class="filters-popup__btn filters-popup__btn--apply js-apply-filter">Aplicar filtros</div> </div> </div> </div> </div> </div> <div class="list-of-hotels js-hotellist-hotels"> <div class="list-of-hotels__header"> <div class="list-of-hotels__menu list-tabs"> <div class="list-tabs__item list-tabs__item--list js-change-view" data-view="0">Vista de lista</div> <div class="list-tabs__item list-tabs__item--map js-link js-link-hex js-save-params" data-hex=34372e3130392e39372e3131322e3437>Vista de mapa</div> <div class="list-tabs__item list-tabs__item--photo js-change-view" data-view="1">Vista de fotos</div> </div> <div class="sort-filter"> <div class="sort-filter__filters js-filters-popup-show-btn"> <svg class="sort-filter__filters-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#filter"></use> </svg> <span class="sort-filter__filters-text"> Filtros <span class="sort-filter__filters-counter js-filters-counter"></span> </span> </div> <div id="sort-by" class="sort-filter__sort-by sort-by"> <div class="sort-by__wrapper js-sort-select"> <div class="sort-by__dropdown sort-dropdown div-select"> <div class="sort-by__btn-wrapper js-sort-dropdown-trigger"> <div class="sort-by__btn"> <div class="sort-by__btn-text"> El más popular primero </div> <svg class="sort-by__btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <div class="sort-by__btn-mobile"> <svg class="sort-by__btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#sort"></use> </svg> <span class="sort-by__btn-text">Сlasificación</span> </div> </div> <ul class="js-sort-select-block sort-dropdown__list"> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name is-active" data-sort="Rating" data-order="DESC">El más popular primero</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="RevRating" data-order="DESC">La calificación más alta primero</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="Price" data-order="ASC">El precio más bajo primero</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="Distance" data-order="ASC">Distancia - ascendente</div> </li> </ul> </div> </div> </div> </div> </div> <div class="hotellist" > <div class="hotellist__list"> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://generator-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273118/1273118401.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118401.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://generator-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273118/1273118839.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118839.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://generator-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273120/1273120048.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120048.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://generator-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273120/1273120174.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120174.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://generator-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273117/1273117114.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117114.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://generator-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273119/1273119976.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119976.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Generator Barcelona"> <a class="hotel-card__title-link" href="https://generator-hostel-barcelona.catalonia-hotels.com/es/" target="_blank">Generator Barcelona</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.5 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(7759 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Generator Barcelona Albergue está a 25 minutos a pie del Parque Güell, mientras que el museo Gaudí Experiència está a una distancia de unos 25 minutos andando. Este establecimiento dispone de 636…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$38</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130332e3130312e3131302e3130312e3131342e39372e3131362e3131312e3131342e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Generator Barcelona Albergue está a 25 minutos a pie del Parque Güell, mientras que el museo Gaudí Experiència está a una distancia de unos 25 minutos andando. Este establecimiento dispone de 636…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8305/830541/830541311.JPEG 1x, /data/Photos/700x500w/8305/830541/830541311.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9730/973014/973014436.JPEG 1x, /data/Photos/700x500w/9730/973014/973014436.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13983/1398343/1398343391.JPEG 1x, /data/Photos/700x500w/13983/1398343/1398343391.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13983/1398346/1398346376.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346376.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13983/1398346/1398346634.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346634.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13983/1398346/1398346652.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346652.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Kabul Party Hostel Barcelona"> <a class="hotel-card__title-link" href="https://kabul-party-hostel-barcelona.catalonia-hotels.com/es/" target="_blank">Kabul Party Hostel Barcelona</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">900 m al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(4898 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El hostal Kabul Party Hostel Barcelona se encuentra en el barrio Ciutat Vella, a solo 1 km de la Plaza Cataluña. El establecimiento ofrece cuartos con detectores de humo, una llave electrónica y…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$60</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130372e39372e39382e3131372e3130382e34352e3131322e39372e3131342e3131362e3132312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El hostal Kabul Party Hostel Barcelona se encuentra en el barrio Ciutat Vella, a solo 1 km de la Plaza Cataluña. El establecimiento ofrece cuartos con detectores de humo, una llave electrónica y…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://inout-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9444/944471/944471380.JPEG 1x, /data/Photos/700x500w/9444/944471/944471380.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273158/1273158547.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158547.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273158/1273158616.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158616.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273159/1273159021.JPEG 1x, /data/Photos/700x500w/12731/1273159/1273159021.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608782/1608782421.JPEG 1x, /data/Photos/700x500w/16087/1608782/1608782421.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://inout-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16087/1608782/1608782425.JPEG 1x, /data/Photos/700x500w/16087/1608782/1608782425.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Inout"> <a class="hotel-card__title-link" href="https://inout-hostel.catalonia-hotels.com/es/" target="_blank">Inout</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">3.3 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(3692 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Con Wi-Fi en toda la propiedad, el ecológico Inout Albergue, de 2 estrellas, ofrece alojamiento a 3 km del Colegio de las Teresianas. Este alojamiento único se encuentra en el distrito Sarrià-Sant…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$8</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130352e3131302e3131312e3131372e3131362e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Con Wi-Fi en toda la propiedad, el ecológico Inout Albergue, de 2 estrellas, ofrece alojamiento a 3 km del Colegio de las Teresianas. Este alojamiento único se encuentra en el distrito Sarrià-Sant…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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-gracia.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8888/888860/888860260.JPEG 1x, /data/Photos/700x500w/8888/888860/888860260.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273134/1273134022.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134022.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273134/1273134211.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134211.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273134/1273134073.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134073.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15216/1521614/1521614578.JPEG 1x, /data/Photos/700x500w/15216/1521614/1521614578.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15214/1521497/1521497479.JPEG 1x, /data/Photos/700x500w/15214/1521497/1521497479.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Casa Gracia"> <a class="hotel-card__title-link" href="https://casa-gracia.catalonia-hotels.com/es/" target="_blank">Casa Gracia</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.5 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count">(7599 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El Casa Gracia Albergue se halla a 20 minutos a pie del centro de Barcelona, a unos 10 minutos en coche de la Fuente Mágica de Montjuic.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$147</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e39372e34352e3130332e3131342e39372e39392e3130352e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El Casa Gracia Albergue se halla a 20 minutos a pie del centro de Barcelona, a unos 10 minutos en coche de la Fuente Mágica de Montjuic.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://sant-jordi-hostel-rock-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/7497/749721/749721578.JPEG 1x, /data/Photos/700x500w/7497/749721/749721578.JPEG 2x" /> </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-hostel-rock-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15539/1553909/1553909953.JPEG 1x, /data/Photos/700x500w/15539/1553909/1553909953.JPEG 2x" /> </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-hostel-rock-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15539/1553910/1553910028.JPEG 1x, /data/Photos/700x500w/15539/1553910/1553910028.JPEG 2x" /> </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-hostel-rock-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15523/1552354/1552354981.JPEG 1x, /data/Photos/700x500w/15523/1552354/1552354981.JPEG 2x" /> </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-hostel-rock-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2438/243869/243869089.JPEG 1x, /data/Photos/700x500w/2438/243869/243869089.JPEG 2x" /> </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-hostel-rock-palace.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/7497/749722/749722490.JPEG 1x, /data/Photos/700x500w/7497/749722/749722490.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Sant Jordi Hostels Rock Palace"> <a class="hotel-card__title-link" href="https://sant-jordi-hostel-rock-palace.catalonia-hotels.com/es/" target="_blank">Sant Jordi Hostels Rock Palace</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">900 m al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(3414 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El confortable Sant Jordi Hostels Rock Palace, de 2 estrellas, está situado a una distancia de 3 km de la CosmoCaixa y dispone de un patio con piscina exterior. Esta propiedad de diseño ofrece WiFi y…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$39</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e39372e3131302e3131362e34352e3130362e3131312e3131342e3130302e3130352e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e3131342e3131312e39392e3130372e34352e3131322e39372e3130382e39372e39392e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El confortable Sant Jordi Hostels Rock Palace, de 2 estrellas, está situado a una distancia de 3 km de la CosmoCaixa y dispone de un patio con piscina exterior. Esta propiedad de diseño ofrece WiFi y…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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-urbany-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12678/1267826/1267826692.JPEG 1x, /data/Photos/700x500w/12678/1267826/1267826692.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607659/1607659900.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659900.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607659/1607659902.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659902.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607659/1607659915.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659915.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607659/1607659919.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659919.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607659/1607659924.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659924.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Urbany Hostel Barcelona"> <a class="hotel-card__title-link" href="https://barcelona-urbany-hostel.catalonia-hotels.com/es/" target="_blank">Urbany Hostel Barcelona</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">2.7 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count">(2683 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El Urbany Hostel Barcelona cuenta con una piscina y se encuentra a una distancia de 2 km del Paseo de Gracia. Con WiFi en toda la propiedad, el lugar está a poca distancia de la estación de metro el…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$37</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3131372e3131342e39382e39372e3131302e3132312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El Urbany Hostel Barcelona cuenta con una piscina y se encuentra a una distancia de 2 km del Paseo de Gracia. Con WiFi en toda la propiedad, el lugar está a poca distancia de la estación de metro el…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://pere-tarres-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273102/1273102639.JPEG 1x, /data/Photos/700x500w/12731/1273102/1273102639.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16437/1643757/1643757181.JPEG 1x, /data/Photos/700x500w/16437/1643757/1643757181.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16437/1643757/1643757182.JPEG 1x, /data/Photos/700x500w/16437/1643757/1643757182.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273101/1273101907.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101907.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273103/1273103527.JPEG 1x, /data/Photos/700x500w/12731/1273103/1273103527.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pere-tarres-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6311/631174/631174695.JPEG 1x, /data/Photos/700x500w/6311/631174/631174695.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Alberg Pere Tarrés"> <a class="hotel-card__title-link" href="https://pere-tarres-hostel.catalonia-hotels.com/es/" target="_blank">Alberg Pere Tarrés</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">3.1 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count">(3438 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El juvenil Alberg Pere Tarrés Albergue, situado a una distancia de 4 km del Barrio Gótico, ofrece Wi-Fi en toda la propiedad. Situado a poca distancia a pie del centro comercial L'illa Diagonal, este…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$66</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131322e3130312e3131342e3130312e34352e3131362e39372e3131342e3131342e3130312e3131352e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El juvenil Alberg Pere Tarrés Albergue, situado a una distancia de 4 km del Barrio Gótico, ofrece Wi-Fi en toda la propiedad. Situado a poca distancia a pie del centro comercial L'illa Diagonal, este…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://st-christophers-inn.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8301/830133/830133080.JPEG 1x, /data/Photos/700x500w/8301/830133/830133080.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13592/1359246/1359246407.JPEG 1x, /data/Photos/700x500w/13592/1359246/1359246407.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13636/1363690/1363690022.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690022.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13636/1363690/1363690982.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690982.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8301/830133/830133011.JPEG 1x, /data/Photos/700x500w/8301/830133/830133011.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8301/830133/830133218.JPEG 1x, /data/Photos/700x500w/8301/830133/830133218.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="St Christopher'S Inn Barcelona"> <a class="hotel-card__title-link" href="https://st-christophers-inn.catalonia-hotels.com/es/" target="_blank">St Christopher'S Inn Barcelona</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">300 m al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(6839 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Situado a tan solo 10 minutos a pie de la estación de metro Universitat, el hostal St Christopher'S Inn Barcelona, de 2 estrellas, dispone de máquina expendedora y cajero automático. Esta propiedad…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$23</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3131362e34352e39392e3130342e3131342e3130352e3131352e3131362e3131312e3131322e3130342e3130312e3131342e3131352e34352e3130352e3131302e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Situado a tan solo 10 minutos a pie de la estación de metro Universitat, el hostal St Christopher'S Inn Barcelona, de 2 estrellas, dispone de máquina expendedora y cajero automático. Esta propiedad…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://centre-esplai-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8323/832398/832398467.JPEG 1x, /data/Photos/700x500w/8323/832398/832398467.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://centre-esplai-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273175/1273175365.JPEG 1x, /data/Photos/700x500w/12731/1273175/1273175365.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://centre-esplai-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15805/1580569/1580569957.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569957.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://centre-esplai-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15805/1580570/1580570041.JPEG 1x, /data/Photos/700x500w/15805/1580570/1580570041.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://centre-esplai-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15805/1580577/1580577409.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577409.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://centre-esplai-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15805/1580577/1580577459.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577459.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Centre Esplai Albergue"> <a class="hotel-card__title-link" href="https://centre-esplai-hostel.catalonia-hotels.com/es/" target="_blank">Centre Esplai Albergue</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.3 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.2</span> <span class="hotel-card__reviews-count">(7897 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El Centre Esplai Albergue se encuentra a 7 km de la Cripta Gaudí Colonia Güell y a 4 km de del Mirador del Semafor. Muchos cuartos de este alojamiento ofrecen un balcón, un escritorio y TV así como…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$38</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3130312e3131302e3131362e3131342e3130312e34352e3130312e3131352e3131322e3130382e39372e3130352e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El Centre Esplai Albergue se encuentra a 7 km de la Cripta Gaudí Colonia Güell y a 4 km de del Mirador del Semafor. Muchos cuartos de este alojamiento ofrecen un balcón, un escritorio y TV así como…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://urbany-hostel-bcn-go.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13401/1340124/1340124011.JPEG 1x, /data/Photos/700x500w/13401/1340124/1340124011.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607673/1607673480.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673480.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607673/1607673482.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673482.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607673/1607673483.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673483.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607673/1607673541.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673541.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://urbany-hostel-bcn-go.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16076/1607673/1607673542.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673542.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Urbany Hostel Bcn Go!"> <a class="hotel-card__title-link" href="https://urbany-hostel-bcn-go.catalonia-hotels.com/es/" target="_blank">Urbany Hostel Bcn Go!</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">800 m al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.1</span> <span class="hotel-card__reviews-count">(2626 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Urbany Hostel Bcn Go! está a solo 1 km de la Casa Batlló. Se ofrecen muchas comodidades como seguridad las 24 horas y un restaurante junto con un jacuzzi y un salón compartido en este establecimiento.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$99</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131372e3131342e39382e39372e3131302e3132312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39392e3131302e34352e3130332e3131312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Urbany Hostel Bcn Go! está a solo 1 km de la Casa Batlló. Se ofrecen muchas comodidades como seguridad las 24 horas y un restaurante junto con un jacuzzi y un salón compartido en este establecimiento.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13897/1389752/1389752555.JPEG 1x, /data/Photos/700x500w/13897/1389752/1389752555.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15513/1551327/1551327457.JPEG 1x, /data/Photos/700x500w/15513/1551327/1551327457.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16197/1619774/1619774794.JPEG 1x, /data/Photos/700x500w/16197/1619774/1619774794.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15960/1596070/1596070364.JPEG 1x, /data/Photos/700x500w/15960/1596070/1596070364.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14990/1499007/1499007067.JPEG 1x, /data/Photos/700x500w/14990/1499007/1499007067.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14990/1499006/1499006929.JPEG 1x, /data/Photos/700x500w/14990/1499006/1499006929.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Bed & Bike Barcelona"> <a class="hotel-card__title-link" href="https://bed-and-bike-barcelona.catalonia-hotels.com/es/" target="_blank">Bed & Bike Barcelona</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.3 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(1993 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Bed And Bike Barcelona Albergue dispone de una ubicación tranquila en Barcelona, a unos 2 km del Parque Güell. Este establecimiento dispone de 12 cuartos con servicio de tetera/cafetera, un ordenador…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$20</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e3130312e3130302e34352e39372e3131302e3130302e34352e39382e3130352e3130372e3130312e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Bed And Bike Barcelona Albergue dispone de una ubicación tranquila en Barcelona, a unos 2 km del Parque Güell. Este establecimiento dispone de 12 cuartos con servicio de tetera/cafetera, un ordenador…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://twentytu-hightech-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15351/1535153/1535153026.JPEG 1x, /data/Photos/700x500w/15351/1535153/1535153026.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15351/1535150/1535150308.JPEG 1x, /data/Photos/700x500w/15351/1535150/1535150308.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15351/1535151/1535151463.JPEG 1x, /data/Photos/700x500w/15351/1535151/1535151463.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15351/1535152/1535152930.JPEG 1x, /data/Photos/700x500w/15351/1535152/1535152930.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15351/1535145/1535145889.JPEG 1x, /data/Photos/700x500w/15351/1535145/1535145889.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://twentytu-hightech-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15351/1535146/1535146483.JPEG 1x, /data/Photos/700x500w/15351/1535146/1535146483.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Twentytú Hostel"> <a class="hotel-card__title-link" href="https://twentytu-hightech-hostel.catalonia-hotels.com/es/" target="_blank">Twentytú Hostel</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">2.1 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(1156 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El hostal Twentytú Hostel está en el barrio Sant Martí, a 25 minutos andando de la Casa Batlló. El lugar ofrece 493 habitaciones equipadas con una llave electrónica y climatizador.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$139</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131392e3130312e3131302e3131362e3132312e3131362e3131372e34352e3130342e3130352e3130332e3130342e3131362e3130312e39392e3130342e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El hostal Twentytú Hostel está en el barrio Sant Martí, a 25 minutos andando de la Casa Batlló. El lugar ofrece 493 habitaciones equipadas con una llave electrónica y climatizador.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://mellow-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/1730/173071/173071065.JPEG 1x, /data/Photos/700x500w/1730/173071/173071065.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15807/1580739/1580739283.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739283.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15807/1580739/1580739343.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739343.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15807/1580739/1580739355.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739355.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15807/1580739/1580739321.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739321.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11084/1108412/1108412796.JPEG 1x, /data/Photos/700x500w/11084/1108412/1108412796.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Mellow ECO Hostel Barcelona"> <a class="hotel-card__title-link" href="https://mellow-hostel-barcelona.catalonia-hotels.com/es/" target="_blank">Mellow ECO Hostel Barcelona</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">4.4 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">6.4</span> <span class="hotel-card__reviews-count">(1571 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Mellow Barcelona, un hostal ecológico, se ubica al lado de una estación de metro y proporciona acceso fácil al Museo Picasso de Barcelona, que está a 6 km de distancia. Este lugar ecológico cuenta…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$14</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130312e3130382e3130382e3131312e3131392e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Mellow Barcelona, un hostal ecológico, se ubica al lado de una estación de metro y proporciona acceso fácil al Museo Picasso de Barcelona, que está a 6 km de distancia. Este lugar ecológico cuenta…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://toc-hostel-barcelona.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/7022/702260/702260278.JPEG 1x, /data/Photos/700x500w/7022/702260/702260278.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273082/1273082533.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082533.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273082/1273082197.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082197.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16040/1604098/1604098625.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098625.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16029/1602980/1602980992.JPEG 1x, /data/Photos/700x500w/16029/1602980/1602980992.JPEG 2x" /> </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 width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16029/1602981/1602981000.JPEG 1x, /data/Photos/700x500w/16029/1602981/1602981000.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="TOC Hostel Barcelona"> <a class="hotel-card__title-link" href="https://toc-hostel-barcelona.catalonia-hotels.com/es/" target="_blank">TOC Hostel Barcelona</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">700 m al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(6471 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El TOC Hostel Barcelona se encuentra a 1 km del centro de Barcelona y aproximadamente a 10 minutos en coche de la Basílica de la Sagrada Familia . Los cuartos de la propiedad disponen de una caja…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$42</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131312e39392e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El TOC Hostel Barcelona se encuentra a 1 km del centro de Barcelona y aproximadamente a 10 minutos en coche de la Basílica de la Sagrada Familia . Los cuartos de la propiedad disponen de una caja…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://dream-cube-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15891/1589184/1589184157.JPEG 1x, /data/Photos/700x500w/15891/1589184/1589184157.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://dream-cube-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4339/433976/433976637.JPEG 1x, /data/Photos/700x500w/4339/433976/433976637.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://dream-cube-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4339/433982/433982790.JPEG 1x, /data/Photos/700x500w/4339/433982/433982790.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://dream-cube-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4498/449858/449858637.JPEG 1x, /data/Photos/700x500w/4498/449858/449858637.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://dream-cube-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4337/433766/433766793.JPEG 1x, /data/Photos/700x500w/4337/433766/433766793.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://dream-cube-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4609/460954/460954962.JPEG 1x, /data/Photos/700x500w/4609/460954/460954962.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Dream Cube Hostel"> <a class="hotel-card__title-link" href="https://dream-cube-hostel.catalonia-hotels.com/es/" target="_blank">Dream Cube Hostel</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">2.5 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count">(2740 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Con Wi-Fi en toda la propiedad, el encantador Dream Cube Hostel ofrece alojamiento a 2 km del Pueblo Español. La propiedad se encuentra en el barrio Les Corts, y la parada de autobús más cercana, Les…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$20</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130302e3131342e3130312e39372e3130392e34352e39392e3131372e39382e3130312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Con Wi-Fi en toda la propiedad, el encantador Dream Cube Hostel ofrece alojamiento a 2 km del Pueblo Español. La propiedad se encuentra en el barrio Les Corts, y la parada de autobús más cercana, Les…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://hola-hostal-eixample.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2502/250222/250222157.JPEG 1x, /data/Photos/700x500w/2502/250222/250222157.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/3773/377323/377323777.JPEG 1x, /data/Photos/700x500w/3773/377323/377323777.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/3773/377323/377323795.JPEG 1x, /data/Photos/700x500w/3773/377323/377323795.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11679/1167965/1167965422.JPEG 1x, /data/Photos/700x500w/11679/1167965/1167965422.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11679/1167966/1167966916.JPEG 1x, /data/Photos/700x500w/11679/1167966/1167966916.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hola-hostal-eixample.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11679/1167964/1167964792.JPEG 1x, /data/Photos/700x500w/11679/1167964/1167964792.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Hola Hostal Eixample"> <a class="hotel-card__title-link" href="https://hola-hostal-eixample.catalonia-hotels.com/es/" target="_blank">Hola Hostal Eixample</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">1.3 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(3553 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El Hola Hostal Eixample está situado a unos 3 km de la Plaza de España, en el barrio Eixample. Algunos cuartos del establecimiento cuentan con detectores de humo y una llave electrónica.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$16</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3130382e39372e34352e3130342e3131312e3131352e3131362e39372e3130382e34352e3130312e3130352e3132302e39372e3130392e3131322e3130382e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El Hola Hostal Eixample está situado a unos 3 km de la Plaza de España, en el barrio Eixample. Algunos cuartos del establecimiento cuentan con detectores de humo y una llave electrónica.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://be-dream-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11513/1151339/1151339811.JPEG 1x, /data/Photos/700x500w/11513/1151339/1151339811.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://be-dream-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15880/1588066/1588066362.JPEG 1x, /data/Photos/700x500w/15880/1588066/1588066362.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://be-dream-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15880/1588066/1588066381.JPEG 1x, /data/Photos/700x500w/15880/1588066/1588066381.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://be-dream-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11539/1153966/1153966482.JPEG 1x, /data/Photos/700x500w/11539/1153966/1153966482.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://be-dream-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11539/1153969/1153969914.JPEG 1x, /data/Photos/700x500w/11539/1153969/1153969914.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://be-dream-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11539/1153974/1153974708.JPEG 1x, /data/Photos/700x500w/11539/1153974/1153974708.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Be Dream Hostel"> <a class="hotel-card__title-link" href="https://be-dream-hostel.catalonia-hotels.com/es/" target="_blank">Be Dream Hostel</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">800 m al centro de la ciudad</div> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">El Be Dream Hostel está ubicado a 10 minutos andando de la estación de metro Pep Ventura. Este establecimiento tiene 158 cuartos con un patio, internet de alta velocidad y detectores de humo.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$16</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e3130312e34352e3130302e3131342e3130312e39372e3130392e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">El Be Dream Hostel está ubicado a 10 minutos andando de la estación de metro Pep Ventura. Este establecimiento tiene 158 cuartos con un patio, internet de alta velocidad y detectores de humo.</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://factory-house-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16469/1646917/1646917765.JPEG 1x, /data/Photos/700x500w/16469/1646917/1646917765.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-house-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273073/1273073383.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073383.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-house-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14999/1499960/1499960308.JPEG 1x, /data/Photos/700x500w/14999/1499960/1499960308.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-house-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14999/1499960/1499960518.JPEG 1x, /data/Photos/700x500w/14999/1499960/1499960518.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-house-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16336/1633692/1633692803.JPEG 1x, /data/Photos/700x500w/16336/1633692/1633692803.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://factory-house-hostel.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16423/1642336/1642336516.JPEG 1x, /data/Photos/700x500w/16423/1642336/1642336516.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Factory Hostels Barcelona"> <a class="hotel-card__title-link" href="https://factory-house-hostel.catalonia-hotels.com/es/" target="_blank">Factory Hostels Barcelona</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal de 2 estrellas en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">3.1 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(1674 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Factory Hostels Barcelona, un hostal encantador, está situado cerca del barrio animado, en las cercanías del Parque Güell. Este lugar encantador cuenta con servicios excelentes y WiFi en toda la…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$9</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130322e39372e39392e3131362e3131312e3131342e3132312e34352e3130342e3131312e3131372e3131352e3130312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Factory Hostels Barcelona, un hostal encantador, está situado cerca del barrio animado, en las cercanías del Parque Güell. Este lugar encantador cuenta con servicios excelentes y WiFi en toda la…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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-amistat-city.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16378/1637895/1637895046.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895046.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-amistat-city.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16384/1638430/1638430740.JPEG 1x, /data/Photos/700x500w/16384/1638430/1638430740.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-amistat-city.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16384/1638431/1638431333.JPEG 1x, /data/Photos/700x500w/16384/1638431/1638431333.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-amistat-city.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16378/1637895/1637895145.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895145.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-amistat-city.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16378/1637895/1637895042.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895042.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hostel-amistat-city.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16378/1637895/1637895058.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895058.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Amistat City Hostel Barcelona"> <a class="hotel-card__title-link" href="https://hostel-amistat-city.catalonia-hotels.com/es/" target="_blank">Amistat City Hostel Barcelona</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">3.9 km al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(1243 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Situado a 25 minutos a pie de la Basílica de la Sagrada Familia, el Amistat City Hostel Barcelona ofrece WiFi en toda la propiedad y un aparcamiento. El alojamiento dispone de máquina expendedora y…</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$151</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e3130312e3130382e34352e39372e3130392e3130352e3131352e3131362e39372e3131362e34352e39392e3130352e3131362e3132312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Situado a 25 minutos a pie de la Basílica de la Sagrada Familia, el Amistat City Hostel Barcelona ofrece WiFi en toda la propiedad y un aparcamiento. El alojamiento dispone de máquina expendedora y…</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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://pic-de-laliga.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2124/212425/212425025.JPEG 1x, /data/Photos/700x500w/2124/212425/212425025.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pic-de-laliga.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15882/1588208/1588208510.JPEG 1x, /data/Photos/700x500w/15882/1588208/1588208510.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pic-de-laliga.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9668/966814/966814045.JPEG 1x, /data/Photos/700x500w/9668/966814/966814045.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pic-de-laliga.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15882/1588208/1588208502.JPEG 1x, /data/Photos/700x500w/15882/1588208/1588208502.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pic-de-laliga.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2124/212426/212426858.JPEG 1x, /data/Photos/700x500w/2124/212426/212426858.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://pic-de-laliga.catalonia-hotels.com/es/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/2124/212425/212425031.JPEG 1x, /data/Photos/700x500w/2124/212425/212425031.JPEG 2x" /> </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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Alberg Núria Xanascat"> <a class="hotel-card__title-link" href="https://pic-de-laliga.catalonia-hotels.com/es/" target="_blank">Alberg Núria Xanascat</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> Hostal en Cataluña, España </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">500 m al centro de la ciudad</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(390 reseñas)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Alberg Núria Xanascat se encuentra a 3 km del Pic d'Eyne y a 3,1 km del Parque natural de las Cabeceras del Ter y del Freser.</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$17</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131322e3130352e39392e34352e3130302e3130312e34352e3130382e39372e3130382e3130352e3130332e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e34372e33352e3131342e3131312e3131312e3130392e313135">Ver hotel</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Alberg Núria Xanascat se encuentra a 3 km del Pic d'Eyne y a 3,1 km del Parque natural de las Cabeceras del Ter y del Freser.</div> </div> </div> </div> <div class="hotellist__photos"> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273118/1273118401.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118401.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273118/1273118839.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118839.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273120/1273120048.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120048.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273120/1273120174.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120174.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273117/1273117114.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117114.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273119/1273119976.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119976.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130332e3130312e3131302e3130312e3131342e39372e3131362e3131312e3131342e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <h4 class="hotel-card__title">Generator Barcelona</h4> <div class="hotel-card__distance"> Hostal en Cataluña, España </div> <div class="hotel-card__distance">1.5 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$38</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count" title="7759 reseñas"> (7759 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8305/830541/830541311.JPEG 1x, /data/Photos/700x500w/8305/830541/830541311.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9730/973014/973014436.JPEG 1x, /data/Photos/700x500w/9730/973014/973014436.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13983/1398343/1398343391.JPEG 1x, /data/Photos/700x500w/13983/1398343/1398343391.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13983/1398346/1398346376.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346376.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13983/1398346/1398346634.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346634.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13983/1398346/1398346652.JPEG 1x, /data/Photos/700x500w/13983/1398346/1398346652.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130372e39372e39382e3131372e3130382e34352e3131322e39372e3131342e3131362e3132312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <h4 class="hotel-card__title">Kabul Party Hostel Barcelona</h4> <div class="hotel-card__distance"> Hostal en Cataluña, España </div> <div class="hotel-card__distance">900 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$60</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="4898 reseñas"> (4898 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9444/944471/944471380.JPEG 1x, /data/Photos/700x500w/9444/944471/944471380.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273158/1273158547.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158547.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273158/1273158616.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158616.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273159/1273159021.JPEG 1x, /data/Photos/700x500w/12731/1273159/1273159021.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608782/1608782421.JPEG 1x, /data/Photos/700x500w/16087/1608782/1608782421.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16087/1608782/1608782425.JPEG 1x, /data/Photos/700x500w/16087/1608782/1608782425.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130352e3131302e3131312e3131372e3131362e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Inout</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">3.3 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$8</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count" title="3692 reseñas"> (3692 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8888/888860/888860260.JPEG 1x, /data/Photos/700x500w/8888/888860/888860260.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273134/1273134022.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134022.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273134/1273134211.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134211.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273134/1273134073.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134073.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15216/1521614/1521614578.JPEG 1x, /data/Photos/700x500w/15216/1521614/1521614578.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15214/1521497/1521497479.JPEG 1x, /data/Photos/700x500w/15214/1521497/1521497479.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e39372e34352e3130332e3131342e39372e39392e3130352e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Casa Gracia</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">1.5 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$147</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count" title="7599 reseñas"> (7599 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/7497/749721/749721578.JPEG 1x, /data/Photos/700x500w/7497/749721/749721578.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15539/1553909/1553909953.JPEG 1x, /data/Photos/700x500w/15539/1553909/1553909953.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15539/1553910/1553910028.JPEG 1x, /data/Photos/700x500w/15539/1553910/1553910028.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15523/1552354/1552354981.JPEG 1x, /data/Photos/700x500w/15523/1552354/1552354981.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2438/243869/243869089.JPEG 1x, /data/Photos/700x500w/2438/243869/243869089.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/7497/749722/749722490.JPEG 1x, /data/Photos/700x500w/7497/749722/749722490.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e39372e3131302e3131362e34352e3130362e3131312e3131342e3130302e3130352e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e3131342e3131312e39392e3130372e34352e3131322e39372e3130382e39372e39392e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Sant Jordi Hostels Rock Palace</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">900 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$39</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count" title="3414 reseñas"> (3414 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12678/1267826/1267826692.JPEG 1x, /data/Photos/700x500w/12678/1267826/1267826692.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607659/1607659900.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659900.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607659/1607659902.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659902.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607659/1607659915.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659915.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607659/1607659919.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659919.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607659/1607659924.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659924.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3131372e3131342e39382e39372e3131302e3132312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Urbany Hostel Barcelona</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">2.7 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$37</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count" title="2683 reseñas"> (2683 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273102/1273102639.JPEG 1x, /data/Photos/700x500w/12731/1273102/1273102639.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16437/1643757/1643757181.JPEG 1x, /data/Photos/700x500w/16437/1643757/1643757181.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16437/1643757/1643757182.JPEG 1x, /data/Photos/700x500w/16437/1643757/1643757182.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273101/1273101907.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101907.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273103/1273103527.JPEG 1x, /data/Photos/700x500w/12731/1273103/1273103527.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6311/631174/631174695.JPEG 1x, /data/Photos/700x500w/6311/631174/631174695.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131322e3130312e3131342e3130312e34352e3131362e39372e3131342e3131342e3130312e3131352e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Alberg Pere Tarrés</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">3.1 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$66</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count" title="3438 reseñas"> (3438 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8301/830133/830133080.JPEG 1x, /data/Photos/700x500w/8301/830133/830133080.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13592/1359246/1359246407.JPEG 1x, /data/Photos/700x500w/13592/1359246/1359246407.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13636/1363690/1363690022.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690022.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13636/1363690/1363690982.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690982.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8301/830133/830133011.JPEG 1x, /data/Photos/700x500w/8301/830133/830133011.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8301/830133/830133218.JPEG 1x, /data/Photos/700x500w/8301/830133/830133218.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3131362e34352e39392e3130342e3131342e3130352e3131352e3131362e3131312e3131322e3130342e3130312e3131342e3131352e34352e3130352e3131302e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">St Christopher'S Inn Barcelona</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">300 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$23</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count" title="6839 reseñas"> (6839 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8323/832398/832398467.JPEG 1x, /data/Photos/700x500w/8323/832398/832398467.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273175/1273175365.JPEG 1x, /data/Photos/700x500w/12731/1273175/1273175365.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15805/1580569/1580569957.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569957.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15805/1580570/1580570041.JPEG 1x, /data/Photos/700x500w/15805/1580570/1580570041.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15805/1580577/1580577409.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577409.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15805/1580577/1580577459.JPEG 1x, /data/Photos/700x500w/15805/1580577/1580577459.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3130312e3131302e3131362e3131342e3130312e34352e3130312e3131352e3131322e3130382e39372e3130352e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Centre Esplai Albergue</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">1.3 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$38</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.2</span> <span class="hotel-card__reviews-count" title="7897 reseñas"> (7897 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13401/1340124/1340124011.JPEG 1x, /data/Photos/700x500w/13401/1340124/1340124011.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607673/1607673480.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673480.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607673/1607673482.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673482.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607673/1607673483.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673483.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607673/1607673541.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673541.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16076/1607673/1607673542.JPEG 1x, /data/Photos/700x500w/16076/1607673/1607673542.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131372e3131342e39382e39372e3131302e3132312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39392e3131302e34352e3130332e3131312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Urbany Hostel Bcn Go!</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">800 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$99</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.1</span> <span class="hotel-card__reviews-count" title="2626 reseñas"> (2626 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13897/1389752/1389752555.JPEG 1x, /data/Photos/700x500w/13897/1389752/1389752555.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15513/1551327/1551327457.JPEG 1x, /data/Photos/700x500w/15513/1551327/1551327457.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16197/1619774/1619774794.JPEG 1x, /data/Photos/700x500w/16197/1619774/1619774794.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15960/1596070/1596070364.JPEG 1x, /data/Photos/700x500w/15960/1596070/1596070364.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14990/1499007/1499007067.JPEG 1x, /data/Photos/700x500w/14990/1499007/1499007067.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14990/1499006/1499006929.JPEG 1x, /data/Photos/700x500w/14990/1499006/1499006929.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e3130312e3130302e34352e39372e3131302e3130302e34352e39382e3130352e3130372e3130312e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Bed & Bike Barcelona</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">1.3 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$20</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count" title="1993 reseñas"> (1993 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15351/1535153/1535153026.JPEG 1x, /data/Photos/700x500w/15351/1535153/1535153026.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15351/1535150/1535150308.JPEG 1x, /data/Photos/700x500w/15351/1535150/1535150308.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15351/1535151/1535151463.JPEG 1x, /data/Photos/700x500w/15351/1535151/1535151463.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15351/1535152/1535152930.JPEG 1x, /data/Photos/700x500w/15351/1535152/1535152930.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15351/1535145/1535145889.JPEG 1x, /data/Photos/700x500w/15351/1535145/1535145889.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15351/1535146/1535146483.JPEG 1x, /data/Photos/700x500w/15351/1535146/1535146483.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131392e3130312e3131302e3131362e3132312e3131362e3131372e34352e3130342e3130352e3130332e3130342e3131362e3130312e39392e3130342e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Twentytú Hostel</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">2.1 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$139</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count" title="1156 reseñas"> (1156 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/1730/173071/173071065.JPEG 1x, /data/Photos/700x500w/1730/173071/173071065.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15807/1580739/1580739283.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739283.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15807/1580739/1580739343.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739343.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15807/1580739/1580739355.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739355.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15807/1580739/1580739321.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739321.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11084/1108412/1108412796.JPEG 1x, /data/Photos/700x500w/11084/1108412/1108412796.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130312e3130382e3130382e3131312e3131392e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Mellow ECO Hostel Barcelona</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">4.4 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$14</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">6.4</span> <span class="hotel-card__reviews-count" title="1571 reseñas"> (1571 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/7022/702260/702260278.JPEG 1x, /data/Photos/700x500w/7022/702260/702260278.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273082/1273082533.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082533.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273082/1273082197.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082197.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16040/1604098/1604098625.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098625.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16029/1602980/1602980992.JPEG 1x, /data/Photos/700x500w/16029/1602980/1602980992.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16029/1602981/1602981000.JPEG 1x, /data/Photos/700x500w/16029/1602981/1602981000.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131312e39392e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">TOC Hostel Barcelona</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">700 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$42</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="6471 reseñas"> (6471 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15891/1589184/1589184157.JPEG 1x, /data/Photos/700x500w/15891/1589184/1589184157.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4339/433976/433976637.JPEG 1x, /data/Photos/700x500w/4339/433976/433976637.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4339/433982/433982790.JPEG 1x, /data/Photos/700x500w/4339/433982/433982790.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4498/449858/449858637.JPEG 1x, /data/Photos/700x500w/4498/449858/449858637.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4337/433766/433766793.JPEG 1x, /data/Photos/700x500w/4337/433766/433766793.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4609/460954/460954962.JPEG 1x, /data/Photos/700x500w/4609/460954/460954962.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130302e3131342e3130312e39372e3130392e34352e39392e3131372e39382e3130312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Dream Cube Hostel</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">2.5 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$20</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.5</span> <span class="hotel-card__reviews-count" title="2740 reseñas"> (2740 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2502/250222/250222157.JPEG 1x, /data/Photos/700x500w/2502/250222/250222157.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/3773/377323/377323777.JPEG 1x, /data/Photos/700x500w/3773/377323/377323777.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/3773/377323/377323795.JPEG 1x, /data/Photos/700x500w/3773/377323/377323795.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11679/1167965/1167965422.JPEG 1x, /data/Photos/700x500w/11679/1167965/1167965422.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11679/1167966/1167966916.JPEG 1x, /data/Photos/700x500w/11679/1167966/1167966916.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11679/1167964/1167964792.JPEG 1x, /data/Photos/700x500w/11679/1167964/1167964792.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3130382e39372e34352e3130342e3131312e3131352e3131362e39372e3130382e34352e3130312e3130352e3132302e39372e3130392e3131322e3130382e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Hola Hostal Eixample</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">1.3 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$16</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count" title="3553 reseñas"> (3553 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11513/1151339/1151339811.JPEG 1x, /data/Photos/700x500w/11513/1151339/1151339811.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15880/1588066/1588066362.JPEG 1x, /data/Photos/700x500w/15880/1588066/1588066362.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15880/1588066/1588066381.JPEG 1x, /data/Photos/700x500w/15880/1588066/1588066381.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11539/1153966/1153966482.JPEG 1x, /data/Photos/700x500w/11539/1153966/1153966482.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11539/1153969/1153969914.JPEG 1x, /data/Photos/700x500w/11539/1153969/1153969914.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11539/1153974/1153974708.JPEG 1x, /data/Photos/700x500w/11539/1153974/1153974708.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e3130312e34352e3130302e3131342e3130312e39372e3130392e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Be Dream Hostel</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">800 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$16</div> <div class="hotel-card__price-text">medio/noche</div> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16469/1646917/1646917765.JPEG 1x, /data/Photos/700x500w/16469/1646917/1646917765.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273073/1273073383.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073383.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14999/1499960/1499960308.JPEG 1x, /data/Photos/700x500w/14999/1499960/1499960308.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14999/1499960/1499960518.JPEG 1x, /data/Photos/700x500w/14999/1499960/1499960518.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16336/1633692/1633692803.JPEG 1x, /data/Photos/700x500w/16336/1633692/1633692803.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16423/1642336/1642336516.JPEG 1x, /data/Photos/700x500w/16423/1642336/1642336516.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130322e39372e39392e3131362e3131312e3131342e3132312e34352e3130342e3131312e3131372e3131352e3130312e34352e3130342e3131312e3131352e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Factory Hostels Barcelona</h4> <div class="hotel-card__distance"> Hostal de 2 estrellas en Cataluña, España </div> <div class="hotel-card__distance">3.1 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$9</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count" title="1674 reseñas"> (1674 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16378/1637895/1637895046.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895046.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16384/1638430/1638430740.JPEG 1x, /data/Photos/700x500w/16384/1638430/1638430740.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16384/1638431/1638431333.JPEG 1x, /data/Photos/700x500w/16384/1638431/1638431333.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16378/1637895/1637895145.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895145.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16378/1637895/1637895042.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895042.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16378/1637895/1637895058.JPEG 1x, /data/Photos/700x500w/16378/1637895/1637895058.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e3130312e3130382e34352e39372e3130392e3130352e3131352e3131362e39372e3131362e34352e39392e3130352e3131362e3132312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <h4 class="hotel-card__title">Amistat City Hostel Barcelona</h4> <div class="hotel-card__distance"> Hostal en Cataluña, España </div> <div class="hotel-card__distance">3.9 km al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$151</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="1243 reseñas"> (1243 reseñas) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <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"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2124/212425/212425025.JPEG 1x, /data/Photos/700x500w/2124/212425/212425025.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15882/1588208/1588208510.JPEG 1x, /data/Photos/700x500w/15882/1588208/1588208510.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9668/966814/966814045.JPEG 1x, /data/Photos/700x500w/9668/966814/966814045.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15882/1588208/1588208502.JPEG 1x, /data/Photos/700x500w/15882/1588208/1588208502.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2124/212426/212426858.JPEG 1x, /data/Photos/700x500w/2124/212426/212426858.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/2124/212425/212425031.JPEG 1x, /data/Photos/700x500w/2124/212425/212425031.JPEG 2x" alt=" " /> </div> <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" width="20" height="20" > <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" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131322e3130352e39392e34352e3130302e3130312e34352e3130382e39372e3130382e3130352e3130332e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130312e3131352e3437"> <h4 class="hotel-card__title">Alberg Núria Xanascat</h4> <div class="hotel-card__distance"> Hostal en Cataluña, España </div> <div class="hotel-card__distance">500 m al centro de la ciudad</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$17</div> <div class="hotel-card__price-text">medio/noche</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="390 reseñas"> (390 reseñas) </span> </div> </div> </div> </div> </div> </div> </div> <div class="navigation"> <div class="navigation__container js-navigation"> <div class="navigation__block"> <div class="navigation__prev is-disabled"> <svg class="navigation__icon" width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"> <path d="M9.94336 14.1133L3.83004 8L9.94336 1.88669L8.05673 0L0.0567284 8L8.05673 16L9.94336 14.1133Z"/> </svg> </div> </div> <div class="navigation__block"> <div class="navigation__text is-active">1</div> </div> <div class="navigation__block"> <a class="navigation__text" href="/es/type/hostels-11/2/" data-part="2">2</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/es/type/hostels-11/3/" data-part="3">3</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/es/type/hostels-11/4/" data-part="4">4</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/es/type/hostels-11/5/" data-part="5">5</a> </div> <div class="navigation__block"> <a class="navigation__next" href="/es/type/hostels-11/2/" data-part="2"> <svg class="navigation__icon" width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"> <path d="M0.0566406 1.88669L6.16996 8L0.0566406 14.1133L1.94327 16L9.94327 8L1.94327 0L0.0566406 1.88669Z"/> </svg> </a> </div> </div> </div> </div> </div> <div class="hotels-loader modal js-avail-progress" id="splash"> <div class="hotels-loader__content js-popup-content" > <div class="hotels-loader__title">Búsqueda</div> <div id="progress" class="hotels-loader__progress-bar"> <div class="hotels-loader__progress-bar-inner"></div> </div> <div class="hotels-loader__progress-animation"> <div class="hotels-loader__animation hotels-loader__animation--1"></div> <div class="hotels-loader__animation hotels-loader__animation--2"></div> <div class="hotels-loader__animation hotels-loader__animation--3"></div> <div class="hotels-loader__animation hotels-loader__animation--4"></div> <div class="hotels-loader__animation hotels-loader__animation--5"></div> <div class="hotels-loader__animation hotels-loader__animation--6"></div> <div class="hotels-loader__animation hotels-loader__animation--7"></div> <div class="hotels-loader__animation hotels-loader__animation--8"></div> <div class="hotels-loader__animation hotels-loader__animation--9"></div> <div class="hotels-loader__animation hotels-loader__animation--10"></div> <div class="hotels-loader__animation hotels-loader__animation--11"></div> <div class="hotels-loader__animation hotels-loader__animation--12"></div> </div> <div class="hotels-loader__count js-count"></div> <div class="hotels-loader__result js-result">resultados de la búsqueda</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"> Catalonia </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 Cataluña y conocemos nuestra región. </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 Cataluña. </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> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'catalonia-hotels.com', page: 'hotel_list', type: 'destination', lang_id: '4', lang: 'es', day: '13', month: '03', year: '2025', id: '[LOG_ID]', track: '[WSTRACK]', btest: false , device: 3 , tob: true , 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":"\/type\/hostels-11\/?currency=1"}, obj_id: '155', theme: '8001', cityID: null, map_params: { provider: '2', key: '' , lat: '41.700673686942', long: '1.7687940175902' }, av_params: { use: '0', from: '2025-03-14', to: '2025-03-15', 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: 'a29nahvrx', v: 'e4cac693087dcdffde7c5eb5367a5b96' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'hotel_list', frontPage:'category', typeObject:'destination', currencyId:'1', languageId:'4', language:'es', isRtl: false , currentDay:'13', currentMonth:'03', currentYear:'2025', logId: '[LOG_ID]', track: '[WSTRACK]', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.catalonia-hotels.com', siteId:'126989', nid:'55', siteDomain: 'catalonia-hotels.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: true , currency:'US$', currencyRate:'1', objectId:'155', hotelTheme:'8001', clickTrip: { destinationType: "city", subAccount: "dest-clicktrip-n55-140325-s126989-w-d8001-dc3" }, cityID: null, cityLocalName: null, mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.700673686942' ,hotelLongitude:'1.7687940175902' }, availableParams: { use:'0', dataFrom:'2025-03-14', dataTo:'2025-03-15', 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:'a29nahvrx', stopSpamValue:'e4cac693087dcdffde7c5eb5367a5b96', }; </script> <script defer type="module" src="/new/designs/80/build/destination-search-page/script.815112bd0db5ff5f0505cd92f519e430.js"></script> <script nomodule src="/new/designs/80/build/destination-search-page/script-es5.ae20af328e564be8218739ff3da5958b.js"></script> </body> </html>