CINXE.COM

<!DOCTYPE html> <html xml:lang="es" lang="es" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hoteles y apartamentos en Barcelona, todos los alojamientos en Barcelona</title> <meta name="keywords" content="hoteles en Barcelona, apartamentos en Barcelona, alojamientos en Barcelona" /> <meta name="description" content="Reserva online de hoteles en Barcelona, España. Buena disponibilidad y precios excelentes. Tarifas económicas y seguras, paga en el hotel, sin gastos de reserva." /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116206.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin></noscript> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.hotelbcn-barcelona.com/zh/" title="Chinese"> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelbcn-barcelona.com/cs/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelbcn-barcelona.com/da/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelbcn-barcelona.com/de/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelbcn-barcelona.com/en/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelbcn-barcelona.com/es/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelbcn-barcelona.com/fr/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelbcn-barcelona.com/el/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelbcn-barcelona.com/he/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelbcn-barcelona.com/it/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelbcn-barcelona.com/ja/" title="Japanese"> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.hotelbcn-barcelona.com/ko/" title="Korean"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.hotelbcn-barcelona.com/hu/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelbcn-barcelona.com/nl/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelbcn-barcelona.com/no/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelbcn-barcelona.com/pl/" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotelbcn-barcelona.com/pt/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelbcn-barcelona.com/ru/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelbcn-barcelona.com/sv/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.hotelbcn-barcelona.com/tr/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelbcn-barcelona.com/uk/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelbcn-barcelona.com/es/"> </head> <body class="sunset-main"> <div class="banner js-head-banner " 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> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116206.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116206.JPEG" media="(max-width: 768px)"> <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=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/es/" class="header__logo"> <div class="header__logo-text"> Barcelona </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> Barcelona </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Moneda <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0x"> <span class="dropdown__list-item-code"> USD </span> Dólar estadounidense </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0z"> <span class="dropdown__list-item-code"> EUR </span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03"> <span class="dropdown__list-item-code"> GBP </span> Libra esterlina </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMQ=="> <span class="dropdown__list-item-code"> AUD </span> Dólar australiano </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMQ=="> <span class="dropdown__list-item-code"> CAD </span> Dólar canadiense </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OA=="> <span class="dropdown__list-item-code"> BRL </span> Real brasileño </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OQ=="> <span class="dropdown__list-item-code"> BGN </span> Lev búlgaro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT01Nw=="> <span class="dropdown__list-item-code"> CNY </span> Yuan chino </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT02Ng=="> <span class="dropdown__list-item-code"> CZK </span> Corona checa </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00"> <span class="dropdown__list-item-code"> DKK </span> Corona danesa </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMw=="> <span class="dropdown__list-item-code"> HKD </span> Dólar de Hong Kong </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03Nw=="> <span class="dropdown__list-item-code"> ILS </span> Nuevo séquel israelí </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMw=="> <span class="dropdown__list-item-code"> JPY </span> Yen japonés </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMA=="> <span class="dropdown__list-item-code"> MYR </span> Ringgit malayo </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMg=="> <span class="dropdown__list-item-code"> NZD </span> Dólar neozelandés </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMg=="> <span class="dropdown__list-item-code"> NOK </span> Corona noruega </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzU="> <span class="dropdown__list-item-code"> PLN </span> Zloty polaco </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzY="> <span class="dropdown__list-item-code"> RON </span> Leu rumano </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzc="> <span class="dropdown__list-item-code"> RUB </span> Rublo ruso </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNDI="> <span class="dropdown__list-item-code"> SAR </span> Riyal saudí </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yNA=="> <span class="dropdown__list-item-code"> SGD </span> Dólar de Singapur </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNQ=="> <span class="dropdown__list-item-code"> ZAR </span> Rand sudafricano </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNTE="> <span class="dropdown__list-item-code"> KRW </span> Wŏn surcoreano </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT05"> <span class="dropdown__list-item-code"> SEK </span> Corona sueca </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT04"> <span class="dropdown__list-item-code"> CHF </span> Franco suizo </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjI="> <span class="dropdown__list-item-code"> TRY </span> Lira turca </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjY="> <span class="dropdown__list-item-code"> UAH </span> Hryvnia ucraniana </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0y"> <span class="dropdown__list-item-code"> THB </span> Baht tailandés </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Español <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyLw=="> العربية </span> </li> <li class="dropdown__list-item"> <a href="/zh/" class="dropdown__list-link js-link"> 简体中文 </a> </li> <li class="dropdown__list-item"> <a href="/cs/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el/" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <a href="/ko/" class="dropdown__list-link js-link"> 한국어 </a> </li> <li class="dropdown__list-item"> <a href="/hu/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl/" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <a href="/pt/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title"> ¡Bienvenido a hoteles en Barcelona! </h1> <p class="banner__text"> La primera red local de viajes que ofrece las mejores tarifas y la disponibilidad de alojamientos seleccionados</p> <form action="/es/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Entrada</div> <div class="main-form-field__content main-form-field__content--es"> <div class="main-form-field__number js-date-day">26</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">feb</div> <div class="main-form-field__text-item hide-tablet js-date-year">2025</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-02-26"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Salida</div> <div class="main-form-field__content main-form-field__content--es"> <div class="main-form-field__number js-date-day">27</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">feb</div> <div class="main-form-field__text-item hide-tablet js-date-year">2025</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <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-02-27"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Huéspedes</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> huésped</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="8"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="9"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="10"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="11"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="12"> huéspedes</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="13"> huéspedes</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Adultos: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">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> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Niños: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Especifica la edad del niño</div> <div class="dropdown__error js-error js-error-children">Especifica la edad de los niños</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Cancelar</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">Aceptar</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Buscar</button> </div> </form> </div> </div> <div class="sunset sunset-main"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="sunset__content"> <div class="recommendation js-hotels-recommendation"> <div class="new-container one-column "> <div class="recommendation__title"> <span class="recommendation__title-text">Selección del Editor</span> <span class="recommendation__date">para el 25.02</span> </div> <div class="recommendation__description"> <q> 4 mejores hoteles disponibles de 73US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de huéspedes, ubicación conveniente y buena relación calidad-precio. </q> <p class="recommendation__author"> <img width="22" height="" src="/new/designs/90/destination/img/recommendation/authors/recommendation-author-1.png" /> por nuestro redactor Billy Schultz </p> </div> <div class="recommendation__list js-mobile-slider js-ht-hotels-block-recommendation"> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card is-first-slide" data-id="500212" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>164</b> <b>US$</b> esta noche </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/10381/1038167/1038167836.JPEG" srcset="/data/Photos/450x450w/10381/1038167/1038167836.JPEG 1x, /data/Photos/700x500w/10381/1038167/1038167836.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15861/1586124/1586124777.JPEG" srcset="/data/Photos/450x450w/15861/1586124/1586124777.JPEG 1x, /data/Photos/700x500w/15861/1586124/1586124777.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15400/1540033/1540033816.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033816.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033816.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15400/1540033/1540033831.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033831.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15400/1540033/1540033900.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033900.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15400/1540033/1540033870.JPEG" srcset="/data/Photos/450x450w/15400/1540033/1540033870.JPEG 1x, /data/Photos/700x500w/15400/1540033/1540033870.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Onefam Sants"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9ob3N0ZWwtb25lLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMvP2Zyb209MjAyNS0wMi0yNSZ0bz0yMDI1LTAyLTI2JmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Onefam Sants </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 3.6 km al centro de la ciudad </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Ubicación magnífica </span> <div class="hotels-tonight-card__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">9</div> <div class="hotels-tonight-card__review-text">Excelente</div> <div class="hotels-tonight-card__review-count">(2551 reseñas)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="378832" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>173</b> <b>US$</b> esta noche </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16308/1630869/1630869560.JPEG" srcset="/data/Photos/450x450w/16308/1630869/1630869560.JPEG 1x, /data/Photos/700x500w/16308/1630869/1630869560.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16437/1643763/1643763309.JPEG" srcset="/data/Photos/450x450w/16437/1643763/1643763309.JPEG 1x, /data/Photos/700x500w/16437/1643763/1643763309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16308/1630869/1630869562.JPEG" srcset="/data/Photos/450x450w/16308/1630869/1630869562.JPEG 1x, /data/Photos/700x500w/16308/1630869/1630869562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16437/1643763/1643763305.JPEG" srcset="/data/Photos/450x450w/16437/1643763/1643763305.JPEG 1x, /data/Photos/700x500w/16437/1643763/1643763305.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12751/1275163/1275163624.JPEG" srcset="/data/Photos/450x450w/12751/1275163/1275163624.JPEG 1x, /data/Photos/700x500w/12751/1275163/1275163624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12877/1287735/1287735442.JPEG" srcset="/data/Photos/450x450w/12877/1287735/1287735442.JPEG 1x, /data/Photos/700x500w/12877/1287735/1287735442.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Leonardo Boutique Hotel Barcelona Sagrada Familia"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9sZW9uYXJkby1ib3V0aXF1ZS1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLz9mcm9tPTIwMjUtMDItMjUmdG89MjAyNS0wMi0yNiZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> Leonardo Boutique Hotel Barcelona Sagrada Familia </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 3 km al centro de la ciudad </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Ubicación magnífica </span> <div class="hotels-tonight-card__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">Excelente</div> <div class="hotels-tonight-card__review-count">(2550 reseñas)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="1345756" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>73</b> <b>US$</b> esta noche </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245878/1245878749.JPEG" srcset="/data/Photos/450x450w/12458/1245878/1245878749.JPEG 1x, /data/Photos/700x500w/12458/1245878/1245878749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245887/1245887227.JPEG" srcset="/data/Photos/450x450w/12458/1245887/1245887227.JPEG 1x, /data/Photos/700x500w/12458/1245887/1245887227.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12487/1248785/1248785485.JPEG" srcset="/data/Photos/450x450w/12487/1248785/1248785485.JPEG 1x, /data/Photos/700x500w/12487/1248785/1248785485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12509/1250902/1250902216.JPEG" srcset="/data/Photos/450x450w/12509/1250902/1250902216.JPEG 1x, /data/Photos/700x500w/12509/1250902/1250902216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245866/1245866791.JPEG" srcset="/data/Photos/450x450w/12458/1245866/1245866791.JPEG 1x, /data/Photos/700x500w/12458/1245866/1245866791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12458/1245879/1245879826.JPEG" srcset="/data/Photos/450x450w/12458/1245879/1245879826.JPEG 1x, /data/Photos/700x500w/12458/1245879/1245879826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Hostal Oliva"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9ob3N0YWwtb2xpdmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8/ZnJvbT0yMDI1LTAyLTI1JnRvPTIwMjUtMDItMjYmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Hostal Oliva </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 500 m al centro de la ciudad </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Ubicación privilegiada </span> <div class="hotels-tonight-card__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">Excelente</div> <div class="hotels-tonight-card__review-count">(1785 reseñas)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="7115765" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>79</b> <b>US$</b> esta noche </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12240/1224094/1224094783.JPEG" srcset="/data/Photos/450x450w/12240/1224094/1224094783.JPEG 1x, /data/Photos/700x500w/12240/1224094/1224094783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15203/1520324/1520324113.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324113.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15203/1520324/1520324962.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324962.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/9553/955395/955395037.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395037.JPEG 1x, /data/Photos/700x500w/9553/955395/955395037.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/9553/955395/955395202.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395202.JPEG 1x, /data/Photos/700x500w/9553/955395/955395202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/9553/955395/955395274.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395274.JPEG 1x, /data/Photos/700x500w/9553/955395/955395274.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Acta Voraport"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9hY3RhLXZvcmFwb3J0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMvP2Zyb209MjAyNS0wMi0yNSZ0bz0yMDI1LTAyLTI2JmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Acta Voraport </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 2.9 km al centro de la ciudad </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Ubicación magnífica </span> <div class="hotels-tonight-card__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">Excelente</div> <div class="hotels-tonight-card__review-count">(13603 reseñas)</div> </div> </div> </div> </div> </div> <div class="new-container one-column"> <div class="recommendation__title is-secondary-block"><span class="recommendation__title-text">Destinos populares en Barcelona</span></div> <div class="recommendation__additional-destination recommendation__additional-destination--only open"> <ul class="list articles__other-links-list"> <li class="list__item"> <a href="/es/near-eixample-dr132713/" class="link-outline recommendation__additional-destination__item list__link">Eixample</a> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItY2l1dGF0LXZlbGxhLWRyMTMyNzEyLw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Ciutat Vella</span> </li> <li class="list__item"> <a href="/es/near-sants-montjuic-dr132718/" class="link-outline recommendation__additional-destination__item list__link">Sants-Montjuïc</a> </li> <li class="list__item"> <a href="/es/near-sant-marti-dr132717/" class="link-outline recommendation__additional-destination__item list__link">Sant Martí</a> </li> <li class="list__item"> <a href="/es/near-gracia-dr132714/" class="link-outline recommendation__additional-destination__item list__link">Gracia</a> </li> <li class="list__item"> <a href="/es/near-sarria-st-gervasi-dr132719/" class="link-outline recommendation__additional-destination__item list__link">Sarrià-Sant Gervasi</a> </li> </ul> </div> <div class="recommendation__additional-destination recommendation__additional-destination--only is-additional-districts open"> <ul class="list articles__other-links-list"> <li class="list__item"> <a href="/es/near-horta-guinardo-dr132715/" class="link-outline recommendation__additional-destination__item list__link">Horta-Guinardó</a> </li> <li class="list__item"> <a href="/es/near-les-corts-dr132716/" class="link-outline recommendation__additional-destination__item list__link">Les Corts</a> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItYmFyY2Vsb25hLWZpcmEtMi1kcjkwMzQxNC8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Barcelona Fira 2</span> </li> <li class="list__item"> <a href="/es/near-sant-andreu-dr133154/" class="link-outline recommendation__additional-destination__item list__link">Sant Andreu</a> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItY2FzdGVsbGVkZWZlbHMtYmVhY2gtZHI5MDcyMDYv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Playa de Castelledefels</span> </li> <li class="list__item"> <a href="/es/near-nou-barris-dr283907/" class="link-outline recommendation__additional-destination__item list__link">Nou Barris</a> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItZ2F2YS1iZWFjaC1kcjkwNzIxNS8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Playa de Gavà</span> </li> <li class="list__item"> <a href="/es/near-sagrada-familia-dr899643/" class="link-outline recommendation__additional-destination__item list__link">Sagrada Familia</a> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItYmFyY2Vsb25hLWNpdHktY2VudHJlLWRyOTAwMDU0Lw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Centro de Barcelona</span> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItc2FudC1hbnRvbmktZHI5MDczNjUv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sant Antoni</span> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItZm9ydW0tYmVhY2gtZHI5MDcyNjAv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Playa del Fórum</span> </li> <li class="list__item"> <a href="/es/near-puerto-banus-dr903081/" class="link-outline recommendation__additional-destination__item list__link">Puerto Banús</a> </li> <li class="list__item"> <a href="/es/near-el-born-dr899640/" class="link-outline recommendation__additional-destination__item list__link">El Born</a> </li> <li class="list__item"> <a href="/es/near-vila-olimpica-dr899634/" class="link-outline recommendation__additional-destination__item list__link">Vila Olímpica</a> </li> <li class="list__item"> <a href="/es/near-barceloneta-dr899631/" class="link-outline recommendation__additional-destination__item list__link">Barceloneta</a> </li> </ul> </div> <div class="recommendation__btn-wrapper"> <button class="btn btn-outline btn-toggle btn-show-more js-popular-destination-toggle is-open" data-target='.is-additional-districts'> <span>Mostrar todos</span> <span>Ocultar</span> </button> </div> </div> </div> <div class="ht-map js-ht-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="ht-map"></div> </div> <div class="presetting-section"> <div class="new-container"> <div class="section__title">Modela tu estancia</div> <p class="section__subtitle"> Escoge un lujoso hotel en el corazón de la ciudad o un bonito hostal en los tranquilos suburbios de la ciudad: elige una opción según tu presupuesto y tus preferencias. </p> <div class="presetting-section__select js-tailor-mobile-slider"> <a href="theme/cheap-and-budget-hotels-9/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$</span> <span class="hotels-search-presetting__card__title">Hoteles baratos</span> <p class="hotels-search-presetting__card__description">Descubre los alojamientos más asequibles en Barcelona.</p> <span class="btn btn-show-hotels">Ver hoteles</span> </a> <a href="theme/boutique-hotels-4/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$$</span> <span class="hotels-search-presetting__card__title">Hoteles boutique</span> <p class="hotels-search-presetting__card__description">Explora hoteles confortables y con un precio razonable.</p> <span class="btn btn-show-hotels">Ver hoteles</span> </a> <a href="theme/luxury-hotels-14/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$$$</span> <span class="hotels-search-presetting__card__title">Hoteles de lujo</span> <p class="hotels-search-presetting__card__description">Echa un vistazo a los mejores alojamientos de lujo.</p> <span class="btn btn-show-hotels">Ver hoteles</span> </a> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">Cerca de los mejores lugares de interés</div> <div class="near-sights__other-places other-places"> <div class="other-places__list"> <ul class="list list-of-outline-links"> <li class="list__item"> <a href="/es/near-el-prat-de-llobregat-134333/" class="list__link link-outline">Aeropuerto de Barcelona-El Prat</a> </li> <li class="list__item"> <a href="/es/near-camp-nou-233617/" class="list__link link-outline">Spotify Camp Nou</a> </li> <li class="list__item"> <a href="/es/near-la-sagrada-familia-76366/" class="list__link link-outline">Templo Expiatorio de la Sagrada Familia</a> </li> <li class="list__item"> <a href="/es/near-placa-catalunya-rail-station-156226/" class="list__link link-outline">Plaza de Cataluña</a> </li> <li class="list__item"> <a href="/es/near-passeig-de-gracia-76374/" class="list__link link-outline">Paseo de Gracia</a> </li> <li class="list__item"> <a href="/es/near-plaza-espanya-357445/" class="list__link link-outline">Plaza España</a> </li> </ul> <ul class="list list-of-outline-links other-places__additional open"> <li class="list__item"> <a href="/es/near-palau-sant-jordi-236209/" class="list__link link-outline">Palau Sant Jordi</a> </li> <li class="list__item"> <a href="/es/near-barcelona-sants-rail-station-155953/" class="list__link link-outline">Barcelona Sants Railway Station</a> </li> <li class="list__item"> <a href="/es/near-casa-batllo-84685/" class="list__link link-outline">Casa Batlló</a> </li> <li class="list__item"> <a href="/es/near-barceloneta-beach-162352/" class="list__link link-outline">Barceloneta Beach</a> </li> <li class="list__item"> <a href="/es/near-park-guell-357388/" class="list__link link-outline">Parque Güell</a> </li> <li class="list__item"> <a href="/es/near-la-seu-cathedral-of-barcelona-357382/" class="list__link link-outline">La Seu, Catedral de Barcelona</a> </li> <li class="list__item"> <a href="/es/near-tibidabo-357415/" class="list__link link-outline">Tibidabo</a> </li> <li class="list__item"> <a href="/es/near-vall-d-hebron-university-hospital-1772744/" class="list__link link-outline">Vall d'Hebron University Hospital</a> </li> <li class="list__item"> <a href="/es/near-zona-franca-1646948/" class="list__link link-outline">Zona Franca</a> </li> <li class="list__item"> <a href="/es/near-port-of-barcelona-fuel-de-pot-1058565/" class="list__link link-outline">Puerto de Barcelona, depósito de carburante</a> </li> <li class="list__item"> <a href="/es/near-montjuic-357400/" class="list__link link-outline">Montjuïc</a> </li> <li class="list__item"> <a href="/es/near-port-olimpic-122141/" class="list__link link-outline">Port Olimpic</a> </li> <li class="list__item"> <a href="/es/near-barcelona-olympic-stadium-1786106/" class="list__link link-outline">Estadio Olímpico de Barcelona</a> </li> <li class="list__item"> <a href="/es/near-razzmatazz-club-357487/" class="list__link link-outline">Razzmatazz</a> </li> <li class="list__item"> <a href="/es/near-palau-de-la-musica-catalana-357439/" class="list__link link-outline">Palau de la Música Catalana</a> </li> <li class="list__item"> <a href="/es/near-victoria-theatre-1016271/" class="list__link link-outline">Victoria Theatre</a> </li> <li class="list__item"> <a href="/es/near-vall-d-hebron-metro-1724267/" class="list__link link-outline">Estación de metro Vall d'Hebron</a> </li> <li class="list__item"> <a href="/es/near-agbar-tower-1780697/" class="list__link link-outline">Torre Agbar</a> </li> <li class="list__item"> <a href="/es/near-world-trade-center-barcelona-1016217/" class="list__link link-outline">World Trade Center Barcelona</a> </li> <li class="list__item"> <a href="/es/near-city-center-76460/" class="list__link link-outline">Distrito financiero</a> </li> <li class="list__item"> <a href="/es/near-carrer-de-balmes-1794398/" class="list__link link-outline">Carrer de Balmes</a> </li> <li class="list__item"> <a href="/es/near-parc-del-forum-236240/" class="list__link link-outline">Parque del Fórum</a> </li> <li class="list__item"> <a href="/es/near-hospital-sant-pau-213466/" class="list__link link-outline">Hospital de Sant Pau</a> </li> <li class="list__item"> <a href="/es/near-arc-de-triomf-119657/" class="list__link link-outline">Arco de Triunfo</a> </li> <li class="list__item"> <a href="/es/near-barcelona-zoo-162351/" class="list__link link-outline">Zoo de Barcelona</a> </li> <li class="list__item"> <a href="/es/near-macba-357613/" class="list__link link-outline">MACBA - Museo de Arte Contemporáneo de Barcelona</a> </li> <li class="list__item"> <a href="/es/near-tivoli-theatre-1016208/" class="list__link link-outline">Tivoli Theatre</a> </li> <li class="list__item"> <a href="/es/near-santa-maria-del-mar-84688/" class="list__link link-outline">Santa Maria del Mar</a> </li> <li class="list__item"> <a href="/es/near-goya-theatre-1016259/" class="list__link link-outline">Goya Theatre</a> </li> <li class="list__item"> <a href="/es/near-l-illa-diagonal-shopping-centre-357634/" class="list__link link-outline">L'Illa Diagonal</a> </li> <li class="list__item"> <a href="/es/near-la-pedrera-casa-mila-156225/" class="list__link link-outline">La Pedrera Casa Mila</a> </li> <li class="list__item"> <a href="/es/near-magic-fountain-of-montjuic-357589/" class="list__link link-outline">Fuente Mágica de Montjuïc</a> </li> <li class="list__item"> <a href="/es/near-palau-de-congressos-de-catalunya-357460/" class="list__link link-outline">Palacio de Congresos de Cataluña</a> </li> <li class="list__item"> <a href="/es/near-diagonal-mar-shopping-centre-357490/" class="list__link link-outline">Diagonal Mar</a> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItYmFyY2Vsb25hLXNhbnRzLXJhaWx3YXktMjY0MDUxLw==" class="list__link js-link js-link-new link-outline">Estacion de Barcelona Sants</span> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItcG9ydC12ZWxsLTM1NzQ1MS8=" class="list__link js-link js-link-new link-outline">Port Vell</span> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItZGlhZ29uYWwtMTU2MjQwLw==" class="list__link js-link js-link-new link-outline">Estacion de Provenza/Diagonal</span> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItcG9ydC1vZi1iYXJjZWxvbmEtNzYzNzcv" class="list__link js-link js-link-new link-outline">Puerto de Barcelona</span> </li> <li class="list__item"> <span data-internal="L2VzL25lYXItY3J1aXNlLWxpbmUtdGVybWluYWwtNzYzNjIv" class="list__link js-link js-link-new link-outline">Cruise Port Terminal</span> </li> </ul> </div> <div class="other-places__footer"> <div class="other-places__btn-show-more btn-toggle js-near-sights-other-places is-open" data-target=".other-places__additional" > <span>Mostrar todos</span> <span>Ocultar</span> </div> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">Reserva casas únicas</div> <p class="section__subtitle"> Alójate en un hotel de lujo en un suburbio de élite o en un moderno apartamento en un bullicioso barrio lleno de fiestas: planea una estancia excepcional. </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2VzL3R5cGUvYXBhcnRtZW50cy0zLw=="> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#living-home"></use> </svg> <span class="hotels-search-presetting__card__title">Apartamentos</span> <p class="hotels-search-presetting__card__description">Privacidad, independencia, experiencias locales</p> <span class="btn btn-show-hotels">Ver hoteles</span> </div> <a href="/es/type/hotels-12/" class="hotels-search-presetting__card"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Hoteles</span> <p class="hotels-search-presetting__card__description">Personal 24/7, ninguna obligación, vacaciones de ensueño</p> <span class="btn btn-show-hotels">Ver hoteles</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2VzL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#bb-hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Bed and breakfasts</span> <p class="hotels-search-presetting__card__description">Cómodas habitaciones, diseños únicos, viajes relajantes</p> <span class="btn btn-show-hotels">Ver hoteles</span> </div> </div> <div class="unique-homes-section__additional-links"> <ul class="list list-of-outline-links open"> <li class="other-link__list-item"> <span data-internal="L2VzL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">Apartamentos y B&Bs</span> </li> <li class="other-link__list-item"> <a href="/es/theme/central-hotels-8/" class="link-outline">Hoteles en el centro</a> </li> <li class="other-link__list-item"> <span data-internal="L2VzL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">Alojamientos de lujo</span> </li> <li class="other-link__list-item"> <a href="/es/theme/cheap-and-budget-hotels-9/" class="link-outline">Hoteles baratos</a> </li> <li class="other-link__list-item"> <a href="/es/theme/pets-allowed-28/" class="link-outline">Hoteles que admiten mascotas</a> </li> <li class="other-link__list-item"> <a href="/es/theme/design-and-modern-hotels-10/" class="link-outline">Hoteles de diseño excepcional</a> </li> <li class="other-link__list-item"> <span data-internal="L2VzL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">Resorts</span> </li> <li class="other-link__list-item"> <a href="/es/theme/beach-hotels-2/" class="link-outline">Hoteles de playa</a> </li> <li class="other-link__list-item"> <span data-internal="L2VzL3RoZW1lL2FpcnBvcnQtaG90ZWxzLTEv" class="link-outline js-link js-link-new">Hoteles cerca del aeropuerto</span> </li> <li class="other-link__list-item"> <a href="/es/theme/family-hotels-11/" class="link-outline">Hoteles familiares</a> </li> <li class="other-link__list-item"> <a href="/es/theme/luxury-hotels-14/" class="link-outline">Hoteles de lujo</a> </li> <li class="other-link__list-item"> <a href="/es/theme/boutique-hotels-4/" class="link-outline">Hoteles boutique</a> </li> </ul> </div> <div> <button class="btn btn-outline btn-toggle btn-show-more is-open" data-target='.unique-homes-section .list-of-outline-links'> <span>Mostrar todos</span> <span>Ocultar</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">Hoteles por clase</h2> <div class="new-row"> <div class="main-content__content js-stars-category-container"> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/es/5-stars/" class="main-hotels__title-link"> Hoteles de 5 estrellas en Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Alojamiento de primera clase para unas vacaciones increíbles </p> <div class="show-all-wrapper"> <span data-internal="L2VzLzUtc3RhcnMv" class="show-all js-link js-link-new"> Mostrar todos <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="5"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88021" data-hbs-latitude="41.346031" data-hbs-longitude="2.10847799999999" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI5NDMvMTI5NDM5Ni8xMjk0Mzk2NzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12943/1294396/1294396732.JPEG" srcset="/data/Photos/450x450w/12943/1294396/1294396732.JPEG 1x, /data/Photos/700x500w/12943/1294396/1294396732.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580142/1580142647.JPEG" srcset="/data/Photos/450x450w/15801/1580142/1580142647.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580142/1580142650.JPEG" srcset="/data/Photos/450x450w/15801/1580142/1580142650.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142650.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15801/1580142/1580142683.JPEG" srcset="/data/Photos/450x450w/15801/1580142/1580142683.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142683.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15164/1516496/1516496584.JPEG" srcset="/data/Photos/450x450w/15164/1516496/1516496584.JPEG 1x, /data/Photos/700x500w/15164/1516496/1516496584.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498535/1498535557.JPEG" srcset="/data/Photos/450x450w/14985/1498535/1498535557.JPEG 1x, /data/Photos/700x500w/14985/1498535/1498535557.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Hyatt Regency Barcelona Tower L'Hospitalet de Llobregat" data-hbs-name="Hotel Hyatt Regency Barcelona Tower L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hesperia-tower.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9oZXNwZXJpYS10b3dlci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Hyatt Regency Barcelona Tower L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.7 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2765">(2765 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88782" data-hbs-latitude="41.37173" data-hbs-longitude="2.18072" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjMyNS82MzI1NDYvNjMyNTQ2MzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6325/632546/632546343.JPEG" srcset="/data/Photos/450x450w/6325/632546/632546343.JPEG 1x, /data/Photos/700x500w/6325/632546/632546343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432118/1432118281.JPEG" srcset="/data/Photos/450x450w/14321/1432118/1432118281.JPEG 1x, /data/Photos/700x500w/14321/1432118/1432118281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432118/1432118578.JPEG" srcset="/data/Photos/450x450w/14321/1432118/1432118578.JPEG 1x, /data/Photos/700x500w/14321/1432118/1432118578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432123/1432123441.JPEG" srcset="/data/Photos/450x450w/14321/1432123/1432123441.JPEG 1x, /data/Photos/700x500w/14321/1432123/1432123441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432122/1432122727.JPEG" srcset="/data/Photos/450x450w/14321/1432122/1432122727.JPEG 1x, /data/Photos/700x500w/14321/1432122/1432122727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432117/1432117561.JPEG" srcset="/data/Photos/450x450w/14321/1432117/1432117561.JPEG 1x, /data/Photos/700x500w/14321/1432117/1432117561.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Eurostars Grand Marina Hotel GL Barcelona" data-hbs-name="Eurostars Grand Marina Hotel GL Barcelona"> <a class="hotels-by-stars__title-link" href="https://eurostars-grand-marina.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ldXJvc3RhcnMtZ3JhbmQtbWFyaW5hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Eurostars Grand Marina Hotel GL Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4937">(4937 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88793" data-hbs-latitude="41.372684" data-hbs-longitude="2.154831" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE5MS8xMjczMTkxMDQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191043.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191043.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273179/1273179925.JPEG" srcset="/data/Photos/450x450w/12731/1273179/1273179925.JPEG 1x, /data/Photos/700x500w/12731/1273179/1273179925.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190374.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190374.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190374.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190875.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190875.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191223.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191223.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190161.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190161.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Intercontinental Barcelona By Ihg" data-hbs-name="Hotel Intercontinental Barcelona By Ihg"> <a class="hotels-by-stars__title-link" href="https://crowne-plaza-barcelona-fira-center.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jcm93bmUtcGxhemEtYmFyY2Vsb25hLWZpcmEtY2VudGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Intercontinental Barcelona By Ihg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2126">(2126 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88821" data-hbs-latitude="41.39149" data-hbs-longitude="2.171457" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIxMC8xMjczMjEwNDA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273210/1273210408.JPEG" srcset="/data/Photos/450x450w/12732/1273210/1273210408.JPEG 1x, /data/Photos/700x500w/12732/1273210/1273210408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273208/1273208647.JPEG" srcset="/data/Photos/450x450w/12732/1273208/1273208647.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273211/1273211860.JPEG" srcset="/data/Photos/450x450w/12732/1273211/1273211860.JPEG 1x, /data/Photos/700x500w/12732/1273211/1273211860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273208/1273208593.JPEG" srcset="/data/Photos/450x450w/12732/1273208/1273208593.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208593.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273205/1273205005.JPEG" srcset="/data/Photos/450x450w/12732/1273205/1273205005.JPEG 1x, /data/Photos/700x500w/12732/1273205/1273205005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273209/1273209559.JPEG" srcset="/data/Photos/450x450w/12732/1273209/1273209559.JPEG 1x, /data/Photos/700x500w/12732/1273209/1273209559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel El Palace Barcelona" data-hbs-name="Hotel El Palace Barcelona"> <a class="hotels-by-stars__title-link" href="https://el-palace.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9lbC1wYWxhY2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel El Palace Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="93">9.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excepcional">Excepcional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2050">(2050 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88827" data-hbs-latitude="41.386325" data-hbs-longitude="2.12317" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NjgvMTY0Njg4OS8xNjQ2ODg5MTIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646889/1646889122.JPEG" srcset="/data/Photos/450x450w/16468/1646889/1646889122.JPEG 1x, /data/Photos/700x500w/16468/1646889/1646889122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432053/1432053268.JPEG" srcset="/data/Photos/450x450w/14320/1432053/1432053268.JPEG 1x, /data/Photos/700x500w/14320/1432053/1432053268.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432052/1432052275.JPEG" srcset="/data/Photos/450x450w/14320/1432052/1432052275.JPEG 1x, /data/Photos/700x500w/14320/1432052/1432052275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273141/1273141795.JPEG" srcset="/data/Photos/450x450w/12731/1273141/1273141795.JPEG 1x, /data/Photos/700x500w/12731/1273141/1273141795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432051/1432051489.JPEG" srcset="/data/Photos/450x450w/14320/1432051/1432051489.JPEG 1x, /data/Photos/700x500w/14320/1432051/1432051489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273141/1273141039.JPEG" srcset="/data/Photos/450x450w/12731/1273141/1273141039.JPEG 1x, /data/Photos/700x500w/12731/1273141/1273141039.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Grand Hyatt Barcelona" data-hbs-name="Hotel Grand Hyatt Barcelona"> <a class="hotels-by-stars__title-link" href="https://princesa-sofia.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9wcmluY2VzYS1zb2ZpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Grand Hyatt Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.4 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5079">(5079 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88868" data-hbs-latitude="41.381992" data-hbs-longitude="2.10916" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODgvMTQ5ODg4OS8xNDk4ODg5NjQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14988/1498889/1498889641.JPEG" srcset="/data/Photos/450x450w/14988/1498889/1498889641.JPEG 1x, /data/Photos/700x500w/14988/1498889/1498889641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432017/1432017964.JPEG" srcset="/data/Photos/450x450w/14320/1432017/1432017964.JPEG 1x, /data/Photos/700x500w/14320/1432017/1432017964.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432023/1432023103.JPEG" srcset="/data/Photos/450x450w/14320/1432023/1432023103.JPEG 1x, /data/Photos/700x500w/14320/1432023/1432023103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432018/1432018696.JPEG" srcset="/data/Photos/450x450w/14320/1432018/1432018696.JPEG 1x, /data/Photos/700x500w/14320/1432018/1432018696.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16450/1645020/1645020255.JPEG" srcset="/data/Photos/450x450w/16450/1645020/1645020255.JPEG 1x, /data/Photos/700x500w/16450/1645020/1645020255.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16450/1645020/1645020253.JPEG" srcset="/data/Photos/450x450w/16450/1645020/1645020253.JPEG 1x, /data/Photos/700x500w/16450/1645020/1645020253.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Fairmont Barcelona Rey Juan Carlos I" data-hbs-name="Hotel Fairmont Barcelona Rey Juan Carlos I"> <a class="hotels-by-stars__title-link" href="https://fairmont-rey-juan-carlos-i.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9mYWlybW9udC1yZXktanVhbi1jYXJsb3MtaS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Fairmont Barcelona Rey Juan Carlos I </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 5.2 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.3 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="911">(911 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88871" data-hbs-latitude="41.390819" data-hbs-longitude="2.141808" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzMjAvMTQzMjA4My8xNDMyMDgzOTkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432083/1432083991.JPEG" srcset="/data/Photos/450x450w/14320/1432083/1432083991.JPEG 1x, /data/Photos/700x500w/14320/1432083/1432083991.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639551/1639551313.JPEG" srcset="/data/Photos/450x450w/16395/1639551/1639551313.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551313.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273147/1273147438.JPEG" srcset="/data/Photos/450x450w/12731/1273147/1273147438.JPEG 1x, /data/Photos/700x500w/12731/1273147/1273147438.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639551/1639551312.JPEG" srcset="/data/Photos/450x450w/16395/1639551/1639551312.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14057/1405724/1405724132.JPEG" srcset="/data/Photos/450x450w/14057/1405724/1405724132.JPEG 1x, /data/Photos/700x500w/14057/1405724/1405724132.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432082/1432082701.JPEG" srcset="/data/Photos/450x450w/14320/1432082/1432082701.JPEG 1x, /data/Photos/700x500w/14320/1432082/1432082701.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Melia Barcelona Sarriá" data-hbs-name="Hotel Melia Barcelona Sarriá"> <a class="hotels-by-stars__title-link" href="https://melia-barcelona-sarria.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9tZWxpYS1iYXJjZWxvbmEtc2FycmlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Melia Barcelona Sarriá </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.4 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.2 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1686">(1686 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88983" data-hbs-latitude="41.38501" data-hbs-longitude="2.17592" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzAxNi83MDE2NTkvNzAxNjU5NzE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7016/701659/701659714.JPEG" srcset="/data/Photos/450x450w/7016/701659/701659714.JPEG 1x, /data/Photos/700x500w/7016/701659/701659714.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16329/1632988/1632988213.JPEG" srcset="/data/Photos/450x450w/16329/1632988/1632988213.JPEG 1x, /data/Photos/700x500w/16329/1632988/1632988213.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15435/1543571/1543571764.JPEG" srcset="/data/Photos/450x450w/15435/1543571/1543571764.JPEG 1x, /data/Photos/700x500w/15435/1543571/1543571764.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514117.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514117.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514117.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514147.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514147.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514147.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514163.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514163.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Colón Hotel Barcelona" data-hbs-name="Colón Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://colon.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jb2xvbi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Colón Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excepcional">Excepcional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3554">(3554 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88996" data-hbs-latitude="41.425678" data-hbs-longitude="2.12075293" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzOTUvMTYzOTU0OS8xNjM5NTQ5NjY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549667.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549667.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549667.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436580/1436580436.JPEG" srcset="/data/Photos/450x450w/14365/1436580/1436580436.JPEG 1x, /data/Photos/700x500w/14365/1436580/1436580436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16377/1637706/1637706104.JPEG" srcset="/data/Photos/450x450w/16377/1637706/1637706104.JPEG 1x, /data/Photos/700x500w/16377/1637706/1637706104.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549668.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549668.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549681.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549681.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549642.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549642.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Gran Hotel La Florida G.L Monumento Barcelona" data-hbs-name="Gran Hotel La Florida G.L Monumento Barcelona"> <a class="hotels-by-stars__title-link" href="https://gran-hotel-la-florida.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ncmFuLWhvdGVsLWxhLWZsb3JpZGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Gran Hotel La Florida G.L Monumento Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="617">(617 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89003" data-hbs-latitude="41.396101" data-hbs-longitude="2.160731" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODE2MC84MTYwMTkvODE2MDE5NzcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8160/816019/816019772.JPEG" srcset="/data/Photos/450x450w/8160/816019/816019772.JPEG 1x, /data/Photos/700x500w/8160/816019/816019772.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436472/1436472856.JPEG" srcset="/data/Photos/450x450w/14364/1436472/1436472856.JPEG 1x, /data/Photos/700x500w/14364/1436472/1436472856.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436464/1436464519.JPEG" srcset="/data/Photos/450x450w/14364/1436464/1436464519.JPEG 1x, /data/Photos/700x500w/14364/1436464/1436464519.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436465/1436465932.JPEG" srcset="/data/Photos/450x450w/14364/1436465/1436465932.JPEG 1x, /data/Photos/700x500w/14364/1436465/1436465932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436454/1436454403.JPEG" srcset="/data/Photos/450x450w/14364/1436454/1436454403.JPEG 1x, /data/Photos/700x500w/14364/1436454/1436454403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436468/1436468080.JPEG" srcset="/data/Photos/450x450w/14364/1436468/1436468080.JPEG 1x, /data/Photos/700x500w/14364/1436468/1436468080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sir Victor Hotel, Part Of Sircle Collection Barcelona" data-hbs-name="Sir Victor Hotel, Part Of Sircle Collection Barcelona"> <a class="hotels-by-stars__title-link" href="https://sir-victor.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zaXItdmljdG9yLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Sir Victor Hotel, Part Of Sircle Collection Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="529">(529 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89012" data-hbs-latitude="41.3703" data-hbs-longitude="2.17116" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNDcvMTYxNDc3Ny8xNjE0Nzc3MDIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614777/1614777022.JPEG" srcset="/data/Photos/450x450w/16147/1614777/1614777022.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580345/1580345175.JPEG" srcset="/data/Photos/450x450w/15803/1580345/1580345175.JPEG 1x, /data/Photos/700x500w/15803/1580345/1580345175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614777/1614777019.JPEG" srcset="/data/Photos/450x450w/16147/1614777/1614777019.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580289/1580289111.JPEG" srcset="/data/Photos/450x450w/15802/1580289/1580289111.JPEG 1x, /data/Photos/700x500w/15802/1580289/1580289111.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273101/1273101412.JPEG" srcset="/data/Photos/450x450w/12731/1273101/1273101412.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101412.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614777/1614777023.JPEG" srcset="/data/Photos/450x450w/16147/1614777/1614777023.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777023.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Miramar Barcelona GL" data-hbs-name="Hotel Miramar Barcelona GL"> <a class="hotels-by-stars__title-link" href="https://miramar-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9taXJhbWFyLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Miramar Barcelona GL </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="112483" data-hbs-latitude="41.397975" data-hbs-longitude="2.158061" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE5NzUvMTE5NzUxMy8xMTk3NTEzNDg3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11975/1197513/1197513487.JPEG" srcset="/data/Photos/450x450w/11975/1197513/1197513487.JPEG 1x, /data/Photos/700x500w/11975/1197513/1197513487.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189027.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189027.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189027.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189483.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189483.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189852.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189852.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189963.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189963.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432190/1432190989.JPEG" srcset="/data/Photos/450x450w/14321/1432190/1432190989.JPEG 1x, /data/Photos/700x500w/14321/1432190/1432190989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Casa Fuster G.L Monumento Barcelona" data-hbs-name="Hotel Casa Fuster G.L Monumento Barcelona"> <a class="hotels-by-stars__title-link" href="https://casa-fuster.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYXNhLWZ1c3Rlci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Casa Fuster G.L Monumento Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126236" data-hbs-latitude="41.38716" data-hbs-longitude="2.1965353" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzYvMTU1MzY1Ny8xNTUzNjU3MDExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15536/1553657/1553657011.JPEG" srcset="/data/Photos/450x450w/15536/1553657/1553657011.JPEG 1x, /data/Photos/700x500w/15536/1553657/1553657011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634400/1634400178.JPEG" srcset="/data/Photos/450x450w/16344/1634400/1634400178.JPEG 1x, /data/Photos/700x500w/16344/1634400/1634400178.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634400/1634400188.JPEG" srcset="/data/Photos/450x450w/16344/1634400/1634400188.JPEG 1x, /data/Photos/700x500w/16344/1634400/1634400188.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634400/1634400191.JPEG" srcset="/data/Photos/450x450w/16344/1634400/1634400191.JPEG 1x, /data/Photos/700x500w/16344/1634400/1634400191.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634400/1634400193.JPEG" srcset="/data/Photos/450x450w/16344/1634400/1634400193.JPEG 1x, /data/Photos/700x500w/16344/1634400/1634400193.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634400/1634400198.JPEG" srcset="/data/Photos/450x450w/16344/1634400/1634400198.JPEG 1x, /data/Photos/700x500w/16344/1634400/1634400198.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Arts Barcelona" data-hbs-name="Hotel Arts Barcelona"> <a class="hotels-by-stars__title-link" href="https://arts.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hcnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Arts Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="315924" data-hbs-latitude="41.368853" data-hbs-longitude="2.189706" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM2MTMvMTM2MTMzNy8xMzYxMzM3Nzc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13613/1361337/1361337779.JPEG" srcset="/data/Photos/450x450w/13613/1361337/1361337779.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337779.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403710.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403710.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403669.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403669.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403670.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403670.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403671.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403671.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403671.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403672.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403672.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403672.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel W Barcelona" data-hbs-name="Hotel W Barcelona"> <a class="hotels-by-stars__title-link" href="https://w-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly93LWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel W Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="330152" data-hbs-latitude="41.39108892" data-hbs-longitude="2.166581154" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNDcvMTYwNDc3MC8xNjA0NzcwMjMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770233.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770233.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770233.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770226.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770226.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770070.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770070.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770219.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770219.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770219.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770223.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770223.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770225.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770225.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Mandarin Oriental, Barcelona" data-hbs-name="Hotel Mandarin Oriental, Barcelona"> <a class="hotels-by-stars__title-link" href="https://mandarin-oriental-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9tYW5kYXJpbi1vcmllbnRhbC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Mandarin Oriental, Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="372707" data-hbs-latitude="41.387079" data-hbs-longitude="2.174427" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMzMDIvMTMzMDIwNC8xMzMwMjA0NjIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13302/1330204/1330204622.JPEG" srcset="/data/Photos/450x450w/13302/1330204/1330204622.JPEG 1x, /data/Photos/700x500w/13302/1330204/1330204622.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076515.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076515.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076611.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076611.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076611.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076746.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076746.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076746.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273076/1273076872.JPEG" srcset="/data/Photos/450x450w/12730/1273076/1273076872.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076872.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580487/1580487333.JPEG" srcset="/data/Photos/450x450w/15804/1580487/1580487333.JPEG 1x, /data/Photos/700x500w/15804/1580487/1580487333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ohla Barcelona" data-hbs-name="Hotel Ohla Barcelona"> <a class="hotels-by-stars__title-link" href="https://ohla-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9vaGxhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Ohla Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="399002" data-hbs-latitude="41.377129" data-hbs-longitude="2.12383" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODgvMTI3ODg5NS8xMjc4ODk1MjE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278895/1278895216.JPEG" srcset="/data/Photos/450x450w/12788/1278895/1278895216.JPEG 1x, /data/Photos/700x500w/12788/1278895/1278895216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6702/670229/670229355.JPEG" srcset="/data/Photos/450x450w/6702/670229/670229355.JPEG 1x, /data/Photos/700x500w/6702/670229/670229355.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278896/1278896215.JPEG" srcset="/data/Photos/450x450w/12788/1278896/1278896215.JPEG 1x, /data/Photos/700x500w/12788/1278896/1278896215.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14992/1499262/1499262742.JPEG" srcset="/data/Photos/450x450w/14992/1499262/1499262742.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262742.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14992/1499262/1499262778.JPEG" srcset="/data/Photos/450x450w/14992/1499262/1499262778.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262778.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14992/1499262/1499262793.JPEG" srcset="/data/Photos/450x450w/14992/1499262/1499262793.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel One Les Corts Barcelona" data-hbs-name="Hostel One Les Corts Barcelona"> <a class="hotels-by-stars__title-link" href="https://feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9mZWV0dXAteWVsbG93LW5lc3QtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hostel One Les Corts Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="438987" data-hbs-latitude="41.39049" data-hbs-longitude="2.16258" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMyNDEvMTMyNDE3MS8xMzI0MTcxODgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324171/1324171882.JPEG" srcset="/data/Photos/450x450w/13241/1324171/1324171882.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324174/1324174837.JPEG" srcset="/data/Photos/450x450w/13241/1324174/1324174837.JPEG 1x, /data/Photos/700x500w/13241/1324174/1324174837.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324171/1324171681.JPEG" srcset="/data/Photos/450x450w/13241/1324171/1324171681.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10397/1039741/1039741402.JPEG" srcset="/data/Photos/450x450w/10397/1039741/1039741402.JPEG 1x, /data/Photos/700x500w/10397/1039741/1039741402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9997/999725/999725793.JPEG" srcset="/data/Photos/450x450w/9997/999725/999725793.JPEG 1x, /data/Photos/700x500w/9997/999725/999725793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9979/997932/997932213.JPEG" srcset="/data/Photos/450x450w/9979/997932/997932213.JPEG 1x, /data/Photos/700x500w/9979/997932/997932213.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Buba House Albergue Barcelona" data-hbs-name="Buba House Albergue Barcelona"> <a class="hotels-by-stars__title-link" href="https://buba-house.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9idWJhLWhvdXNlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Buba House Albergue Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6240543" data-hbs-latitude="41.379742" data-hbs-longitude="2.142584" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzUvMTU1MzU3OC8xNTUzNTc4MjM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553578/1553578237.JPEG" srcset="/data/Photos/450x450w/15535/1553578/1553578237.JPEG 1x, /data/Photos/700x500w/15535/1553578/1553578237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553577/1553577934.JPEG" srcset="/data/Photos/450x450w/15535/1553577/1553577934.JPEG 1x, /data/Photos/700x500w/15535/1553577/1553577934.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553578/1553578042.JPEG" srcset="/data/Photos/450x450w/15535/1553578/1553578042.JPEG 1x, /data/Photos/700x500w/15535/1553578/1553578042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553578/1553578081.JPEG" srcset="/data/Photos/450x450w/15535/1553578/1553578081.JPEG 1x, /data/Photos/700x500w/15535/1553578/1553578081.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14167/1416705/1416705273.JPEG" srcset="/data/Photos/450x450w/14167/1416705/1416705273.JPEG 1x, /data/Photos/700x500w/14167/1416705/1416705273.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14167/1416719/1416719040.JPEG" srcset="/data/Photos/450x450w/14167/1416719/1416719040.JPEG 1x, /data/Photos/700x500w/14167/1416719/1416719040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Nobu Hotel Barcelona" data-hbs-name="Nobu Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://nobu-hotel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ub2J1LWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Nobu Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="14460262" data-hbs-latitude="41.39084" data-hbs-longitude="2.16633" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM1ODEvMTM1ODEzNi8xMzU4MTM2NjI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13581/1358136/1358136626.JPEG" srcset="/data/Photos/450x450w/13581/1358136/1358136626.JPEG 1x, /data/Photos/700x500w/13581/1358136/1358136626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295789/1295789419.JPEG" srcset="/data/Photos/450x450w/12957/1295789/1295789419.JPEG 1x, /data/Photos/700x500w/12957/1295789/1295789419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295791/1295791744.JPEG" srcset="/data/Photos/450x450w/12957/1295791/1295791744.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295791/1295791801.JPEG" srcset="/data/Photos/450x450w/12957/1295791/1295791801.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791801.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295792/1295792485.JPEG" srcset="/data/Photos/450x450w/12957/1295792/1295792485.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295792/1295792491.JPEG" srcset="/data/Photos/450x450w/12957/1295792/1295792491.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792491.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Sonder Paseo de Gracia Barcelona" data-hbs-name="Hotel Sonder Paseo de Gracia Barcelona"> <a class="hotels-by-stars__title-link" href="https://sonder-paseo-de-gracia.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zb25kZXItcGFzZW8tZGUtZ3JhY2lhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Sonder Paseo de Gracia Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/es/4-stars/" class="main-hotels__title-link"> Hoteles de 4 estrellas en Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Hoteles de primera clase para satisfacer todos tus deseos </p> <div class="show-all-wrapper"> <span data-internal="L2VzLzQtc3RhcnMv" class="show-all js-link js-link-new"> Mostrar todos <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="4"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="86922" data-hbs-latitude="41.37489649" data-hbs-longitude="2.07209497" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNzIvMTYyNzIwMy8xNjI3MjAzNzE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203714.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203714.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203714.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081699.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081699.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081699.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081804.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081804.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081804.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16423/1642307/1642307670.JPEG" srcset="/data/Photos/450x450w/16423/1642307/1642307670.JPEG 1x, /data/Photos/700x500w/16423/1642307/1642307670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16423/1642307/1642307678.JPEG" srcset="/data/Photos/450x450w/16423/1642307/1642307678.JPEG 1x, /data/Photos/700x500w/16423/1642307/1642307678.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16403/1640369/1640369636.JPEG" srcset="/data/Photos/450x450w/16403/1640369/1640369636.JPEG 1x, /data/Photos/700x500w/16403/1640369/1640369636.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Barcelona Sant Joan Despí" data-hbs-name="Novotel Barcelona Sant Joan Despí"> <a class="hotels-by-stars__title-link" href="https://novotel-barcelona-sant-joan-despi.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJhcmNlbG9uYS1zYW50LWpvYW4tZGVzcGkuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Novotel Barcelona Sant Joan Despí </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.4 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="88">(88 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88322" data-hbs-latitude="41.351494" data-hbs-longitude="2.090299" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA4NC8xMjczMDg0NDUzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273084/1273084453.JPEG" srcset="/data/Photos/450x450w/12730/1273084/1273084453.JPEG 1x, /data/Photos/700x500w/12730/1273084/1273084453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611055/1611055439.JPEG" srcset="/data/Photos/450x450w/16110/1611055/1611055439.JPEG 1x, /data/Photos/700x500w/16110/1611055/1611055439.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15376/1537661/1537661425.JPEG" srcset="/data/Photos/450x450w/15376/1537661/1537661425.JPEG 1x, /data/Photos/700x500w/15376/1537661/1537661425.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15377/1537704/1537704364.JPEG" srcset="/data/Photos/450x450w/15377/1537704/1537704364.JPEG 1x, /data/Photos/700x500w/15377/1537704/1537704364.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15377/1537704/1537704439.JPEG" srcset="/data/Photos/450x450w/15377/1537704/1537704439.JPEG 1x, /data/Photos/700x500w/15377/1537704/1537704439.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15377/1537704/1537704448.JPEG" srcset="/data/Photos/450x450w/15377/1537704/1537704448.JPEG 1x, /data/Photos/700x500w/15377/1537704/1537704448.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Barcelona Cornella Cornellá de Llobregat" data-hbs-name="Novotel Barcelona Cornella Cornellá de Llobregat"> <a class="hotels-by-stars__title-link" href="https://novotel-barcelona-cornella.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJhcmNlbG9uYS1jb3JuZWxsYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Novotel Barcelona Cornella Cornellá de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4039">(4039 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88804" data-hbs-latitude="41.43382" data-hbs-longitude="2.14741" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyOTgvMTYyOTg4OC8xNjI5ODg4OTQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629888/1629888943.JPEG" srcset="/data/Photos/450x450w/16298/1629888/1629888943.JPEG 1x, /data/Photos/700x500w/16298/1629888/1629888943.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131286.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131286.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273132/1273132921.JPEG" srcset="/data/Photos/450x450w/12731/1273132/1273132921.JPEG 1x, /data/Photos/700x500w/12731/1273132/1273132921.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134205.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134205.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134574.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134574.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134574.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131856.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131856.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131856.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Alimara Barcelona" data-hbs-name="Hotel Alimara Barcelona"> <a class="hotels-by-stars__title-link" href="https://alimara.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hbGltYXJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Alimara Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 5.6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.1 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3229">(3229 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88831" data-hbs-latitude="41.37539" data-hbs-longitude="2.1485" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM2NjUvMTM2NjU0NS8xMzY2NTQ1NDM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13665/1366545/1366545434.JPEG" srcset="/data/Photos/450x450w/13665/1366545/1366545434.JPEG 1x, /data/Photos/700x500w/13665/1366545/1366545434.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954731.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954731.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954731.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954733.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954733.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954734.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954734.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954735.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954735.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612954/1612954736.JPEG" srcset="/data/Photos/450x450w/16129/1612954/1612954736.JPEG 1x, /data/Photos/700x500w/16129/1612954/1612954736.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Catalonia Barcelona Plaza" data-hbs-name="Hotel Catalonia Barcelona Plaza"> <a class="hotels-by-stars__title-link" href="https://catalonia-barcelona-plaza.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtYmFyY2Vsb25hLXBsYXphLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Catalonia Barcelona Plaza </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.2 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.3 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3475">(3475 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88855" data-hbs-latitude="41.384592" data-hbs-longitude="2.137809" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA5NC8xMjczMDk0Njk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273094/1273094695.JPEG" srcset="/data/Photos/450x450w/12730/1273094/1273094695.JPEG 1x, /data/Photos/700x500w/12730/1273094/1273094695.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600558/1600558028.JPEG" srcset="/data/Photos/450x450w/16005/1600558/1600558028.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558028.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600558/1600558030.JPEG" srcset="/data/Photos/450x450w/16005/1600558/1600558030.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558030.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600558/1600558029.JPEG" srcset="/data/Photos/450x450w/16005/1600558/1600558029.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273093/1273093042.JPEG" srcset="/data/Photos/450x450w/12730/1273093/1273093042.JPEG 1x, /data/Photos/700x500w/12730/1273093/1273093042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273095/1273095286.JPEG" srcset="/data/Photos/450x450w/12730/1273095/1273095286.JPEG 1x, /data/Photos/700x500w/12730/1273095/1273095286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Nh Sants Barcelona" data-hbs-name="Hotel Nh Sants Barcelona"> <a class="hotels-by-stars__title-link" href="https://nh-sants-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9uaC1zYW50cy1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Nh Sants Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.7 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.7 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2869">(2869 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88887" data-hbs-latitude="41.4110149978243" data-hbs-longitude="2.21877694129944" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzOTUvMTYzOTU0OS8xNjM5NTQ5NDAwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549400.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549400.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549400.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273049/1273049401.JPEG" srcset="/data/Photos/450x450w/12730/1273049/1273049401.JPEG 1x, /data/Photos/700x500w/12730/1273049/1273049401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273050/1273050088.JPEG" srcset="/data/Photos/450x450w/12730/1273050/1273050088.JPEG 1x, /data/Photos/700x500w/12730/1273050/1273050088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273047/1273047640.JPEG" srcset="/data/Photos/450x450w/12730/1273047/1273047640.JPEG 1x, /data/Photos/700x500w/12730/1273047/1273047640.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273049/1273049302.JPEG" srcset="/data/Photos/450x450w/12730/1273049/1273049302.JPEG 1x, /data/Photos/700x500w/12730/1273049/1273049302.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643753/1643753193.JPEG" srcset="/data/Photos/450x450w/16437/1643753/1643753193.JPEG 1x, /data/Photos/700x500w/16437/1643753/1643753193.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barcelona Princess" data-hbs-name="Hotel Barcelona Princess"> <a class="hotels-by-stars__title-link" href="https://barcelona-princess.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtcHJpbmNlc3MuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Barcelona Princess </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.9 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.4 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="11846">(11846 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88913" data-hbs-latitude="41.3773" data-hbs-longitude="2.1137" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODU0MS8xNDk4NTQxNDM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498541/1498541434.JPEG" srcset="/data/Photos/450x450w/14985/1498541/1498541434.JPEG 1x, /data/Photos/700x500w/14985/1498541/1498541434.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037956.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037956.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037956.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037981.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037981.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037981.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588038/1588038034.JPEG" srcset="/data/Photos/450x450w/15880/1588038/1588038034.JPEG 1x, /data/Photos/700x500w/15880/1588038/1588038034.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037911.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037911.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588038/1588038015.JPEG" srcset="/data/Photos/450x450w/15880/1588038/1588038015.JPEG 1x, /data/Photos/700x500w/15880/1588038/1588038015.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Senator Barcelona Spa Hotel" data-hbs-name="Senator Barcelona Spa Hotel"> <a class="hotels-by-stars__title-link" href="https://senator-barcelona-spa-hotel.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zZW5hdG9yLWJhcmNlbG9uYS1zcGEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Senator Barcelona Spa Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.8 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7186">(7186 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88923" data-hbs-latitude="41.374706" data-hbs-longitude="2.170767" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM3MjMvMTM3MjM2OS8xMzcyMzY5NTg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13723/1372369/1372369589.JPEG" srcset="/data/Photos/450x450w/13723/1372369/1372369589.JPEG 1x, /data/Photos/700x500w/13723/1372369/1372369589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639551/1639551300.JPEG" srcset="/data/Photos/450x450w/16395/1639551/1639551300.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551300.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684221.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684221.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684221.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684239.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684239.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684299.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684299.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684299.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15416/1541684/1541684224.JPEG" srcset="/data/Photos/450x450w/15416/1541684/1541684224.JPEG 1x, /data/Photos/700x500w/15416/1541684/1541684224.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barcelona Apolo, Affiliated by Meliá" data-hbs-name="Hotel Barcelona Apolo, Affiliated by Meliá"> <a class="hotels-by-stars__title-link" href="https://tryp-apolo.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly90cnlwLWFwb2xvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Barcelona Apolo, Affiliated by Meliá </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2145">(2145 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88965" data-hbs-latitude="41.378914" data-hbs-longitude="2.139954" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODg4NC84ODg0MTAvODg4NDEwMTI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8884/888410/888410128.JPEG" srcset="/data/Photos/450x450w/8884/888410/888410128.JPEG 1x, /data/Photos/700x500w/8884/888410/888410128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288933.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288933.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343549.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343549.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343281.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343281.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343265.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343265.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343265.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11862/1186203/1186203484.JPEG" srcset="/data/Photos/450x450w/11862/1186203/1186203484.JPEG 1x, /data/Photos/700x500w/11862/1186203/1186203484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barceló Sants Barcelona" data-hbs-name="Hotel Barceló Sants Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelo-sants.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Barceló Sants Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.7 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.2 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="8928">(8928 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89005" data-hbs-latitude="41.373221" data-hbs-longitude="2.14744" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODYvMTQ5ODY3MS8xNDk4NjcxODI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14986/1498671/1498671826.JPEG" srcset="/data/Photos/450x450w/14986/1498671/1498671826.JPEG 1x, /data/Photos/700x500w/14986/1498671/1498671826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866511.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866511.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866511.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866512.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866512.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866513.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866513.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866514.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866514.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866514.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866515.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866515.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ayre Hotel Gran Vía Barcelona" data-hbs-name="Ayre Hotel Gran Vía Barcelona"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-gran-via.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLWdyYW4tdmlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Ayre Hotel Gran Vía Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.4 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.2 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7093">(7093 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="100692" data-hbs-latitude="41.388746" data-hbs-longitude="2.131467" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMDUvMTYwMDU1OS8xNjAwNTU5Mjc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600559/1600559278.JPEG" srcset="/data/Photos/450x450w/16005/1600559/1600559278.JPEG 1x, /data/Photos/700x500w/16005/1600559/1600559278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646889/1646889240.JPEG" srcset="/data/Photos/450x450w/16468/1646889/1646889240.JPEG 1x, /data/Photos/700x500w/16468/1646889/1646889240.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267177.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267177.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267177.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267176.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267176.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267141.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267141.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618267/1618267148.JPEG" srcset="/data/Photos/450x450w/16182/1618267/1618267148.JPEG 1x, /data/Photos/700x500w/16182/1618267/1618267148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Hilton Barcelona" data-hbs-name="Hotel Hilton Barcelona"> <a class="hotels-by-stars__title-link" href="https://hilton-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9oaWx0b24tYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Hilton Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="242605" data-hbs-latitude="41.330147" data-hbs-longitude="2.050302" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNTMvMTYwNTM3MS8xNjA1MzcxNTA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605371/1605371505.JPEG" srcset="/data/Photos/450x450w/16053/1605371/1605371505.JPEG 1x, /data/Photos/700x500w/16053/1605371/1605371505.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611061/1611061821.JPEG" srcset="/data/Photos/450x450w/16110/1611061/1611061821.JPEG 1x, /data/Photos/700x500w/16110/1611061/1611061821.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605371/1605371503.JPEG" srcset="/data/Photos/450x450w/16053/1605371/1605371503.JPEG 1x, /data/Photos/700x500w/16053/1605371/1605371503.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571276/1571276861.JPEG" srcset="/data/Photos/450x450w/15712/1571276/1571276861.JPEG 1x, /data/Photos/700x500w/15712/1571276/1571276861.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571276/1571276873.JPEG" srcset="/data/Photos/450x450w/15712/1571276/1571276873.JPEG 1x, /data/Photos/700x500w/15712/1571276/1571276873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15712/1571276/1571276876.JPEG" srcset="/data/Photos/450x450w/15712/1571276/1571276876.JPEG 1x, /data/Photos/700x500w/15712/1571276/1571276876.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Frontair Congress Aeropuerto Sant Boi de Llobregat" data-hbs-name="Hotel Frontair Congress Aeropuerto Sant Boi de Llobregat"> <a class="hotels-by-stars__title-link" href="https://frontair-congress.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9mcm9udGFpci1jb25ncmVzcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Frontair Congress Aeropuerto Sant Boi de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="291606" data-hbs-latitude="41.412037" data-hbs-longitude="2.21961899999997" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NjEvMTU4NjEwOS8xNTg2MTA5NjUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15861/1586109/1586109652.JPEG" srcset="/data/Photos/450x450w/15861/1586109/1586109652.JPEG 1x, /data/Photos/700x500w/15861/1586109/1586109652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273047/1273047190.JPEG" srcset="/data/Photos/450x450w/12730/1273047/1273047190.JPEG 1x, /data/Photos/700x500w/12730/1273047/1273047190.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273044/1273044898.JPEG" srcset="/data/Photos/450x450w/12730/1273044/1273044898.JPEG 1x, /data/Photos/700x500w/12730/1273044/1273044898.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273045/1273045942.JPEG" srcset="/data/Photos/450x450w/12730/1273045/1273045942.JPEG 1x, /data/Photos/700x500w/12730/1273045/1273045942.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273048/1273048783.JPEG" srcset="/data/Photos/450x450w/12730/1273048/1273048783.JPEG 1x, /data/Photos/700x500w/12730/1273048/1273048783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273048/1273048273.JPEG" srcset="/data/Photos/450x450w/12730/1273048/1273048273.JPEG 1x, /data/Photos/700x500w/12730/1273048/1273048273.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel SB Diagonal Zero Barcelona 4* Sup" data-hbs-name="Hotel SB Diagonal Zero Barcelona 4* Sup"> <a class="hotels-by-stars__title-link" href="https://hotel-sb-diagonal-zero-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zYi1kaWFnb25hbC16ZXJvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel SB Diagonal Zero Barcelona 4* Sup </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="324228" data-hbs-latitude="41.404885" data-hbs-longitude="2.17277" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjgzMi82ODMyOTIvNjgzMjkyODMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6832/683292/683292831.JPEG" srcset="/data/Photos/450x450w/6832/683292/683292831.JPEG 1x, /data/Photos/700x500w/6832/683292/683292831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580419/1580419343.JPEG" srcset="/data/Photos/450x450w/15804/1580419/1580419343.JPEG 1x, /data/Photos/700x500w/15804/1580419/1580419343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550301.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550301.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550301.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550262.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550262.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550263.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550263.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550263.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550277.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550277.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550277.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sercotel Rosellón Barcelona" data-hbs-name="Sercotel Rosellón Barcelona"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-rosellon.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLXJvc2VsbG9uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Sercotel Rosellón Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="334300" data-hbs-latitude="41.354843" data-hbs-longitude="2.1254125" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTEzNi85MTM2MDIvOTEzNjAyMDQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9136/913602/913602049.JPEG" srcset="/data/Photos/450x450w/9136/913602/913602049.JPEG 1x, /data/Photos/700x500w/9136/913602/913602049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580430/1580430171.JPEG" srcset="/data/Photos/450x450w/15804/1580430/1580430171.JPEG 1x, /data/Photos/700x500w/15804/1580430/1580430171.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580430/1580430249.JPEG" srcset="/data/Photos/450x450w/15804/1580430/1580430249.JPEG 1x, /data/Photos/700x500w/15804/1580430/1580430249.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13989/1398998/1398998051.JPEG" srcset="/data/Photos/450x450w/13989/1398998/1398998051.JPEG 1x, /data/Photos/700x500w/13989/1398998/1398998051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13990/1399006/1399006499.JPEG" srcset="/data/Photos/450x450w/13990/1399006/1399006499.JPEG 1x, /data/Photos/700x500w/13990/1399006/1399006499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13990/1399017/1399017428.JPEG" srcset="/data/Photos/450x450w/13990/1399017/1399017428.JPEG 1x, /data/Photos/700x500w/13990/1399017/1399017428.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Porta Fira 4* Sup L'Hospitalet de Llobregat" data-hbs-name="Hotel Porta Fira 4* Sup L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://santos-porta-fira.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zYW50b3MtcG9ydGEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Porta Fira 4* Sup L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="539533" data-hbs-latitude="41.404036" data-hbs-longitude="2.190984" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0MjMvMTY0MjMxNy8xNjQyMzE3NDQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16423/1642317/1642317444.JPEG" srcset="/data/Photos/450x450w/16423/1642317/1642317444.JPEG 1x, /data/Photos/700x500w/16423/1642317/1642317444.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273071/1273071733.JPEG" srcset="/data/Photos/450x450w/12730/1273071/1273071733.JPEG 1x, /data/Photos/700x500w/12730/1273071/1273071733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643149/1643149860.JPEG" srcset="/data/Photos/450x450w/16431/1643149/1643149860.JPEG 1x, /data/Photos/700x500w/16431/1643149/1643149860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643149/1643149867.JPEG" srcset="/data/Photos/450x450w/16431/1643149/1643149867.JPEG 1x, /data/Photos/700x500w/16431/1643149/1643149867.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643149/1643149886.JPEG" srcset="/data/Photos/450x450w/16431/1643149/1643149886.JPEG 1x, /data/Photos/700x500w/16431/1643149/1643149886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643149/1643149892.JPEG" srcset="/data/Photos/450x450w/16431/1643149/1643149892.JPEG 1x, /data/Photos/700x500w/16431/1643149/1643149892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel Barcelona City" data-hbs-name="Novotel Barcelona City"> <a class="hotels-by-stars__title-link" href="https://novotel-barcelona-city.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWJhcmNlbG9uYS1jaXR5LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Novotel Barcelona City </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="630767" data-hbs-latitude="41.35927985" data-hbs-longitude="2.13256001" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0NS8xMjczMjQ1ODkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273245/1273245892.JPEG" srcset="/data/Photos/450x450w/12732/1273245/1273245892.JPEG 1x, /data/Photos/700x500w/12732/1273245/1273245892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273245/1273245571.JPEG" srcset="/data/Photos/450x450w/12732/1273245/1273245571.JPEG 1x, /data/Photos/700x500w/12732/1273245/1273245571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273246/1273246033.JPEG" srcset="/data/Photos/450x450w/12732/1273246/1273246033.JPEG 1x, /data/Photos/700x500w/12732/1273246/1273246033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589580/1589580216.JPEG" srcset="/data/Photos/450x450w/15895/1589580/1589580216.JPEG 1x, /data/Photos/700x500w/15895/1589580/1589580216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15535/1553540/1553540746.JPEG" srcset="/data/Photos/450x450w/15535/1553540/1553540746.JPEG 1x, /data/Photos/700x500w/15535/1553540/1553540746.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15533/1553390/1553390260.JPEG" srcset="/data/Photos/450x450w/15533/1553390/1553390260.JPEG 1x, /data/Photos/700x500w/15533/1553390/1553390260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel SB Plaza Europa L'Hospitalet de Llobregat" data-hbs-name="Hotel SB Plaza Europa L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://sb-plaza-europa.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zYi1wbGF6YS1ldXJvcGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel SB Plaza Europa L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="777400" data-hbs-latitude="41.351772" data-hbs-longitude="2.120461" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjcwMi82NzAyMDcvNjcwMjA3MTIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6702/670207/670207122.JPEG" srcset="/data/Photos/450x450w/6702/670207/670207122.JPEG 1x, /data/Photos/700x500w/6702/670207/670207122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580285/1580285315.JPEG" srcset="/data/Photos/450x450w/15802/1580285/1580285315.JPEG 1x, /data/Photos/700x500w/15802/1580285/1580285315.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15861/1586106/1586106568.JPEG" srcset="/data/Photos/450x450w/15861/1586106/1586106568.JPEG 1x, /data/Photos/700x500w/15861/1586106/1586106568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574675/1574675096.JPEG" srcset="/data/Photos/450x450w/15746/1574675/1574675096.JPEG 1x, /data/Photos/700x500w/15746/1574675/1574675096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574675/1574675108.JPEG" srcset="/data/Photos/450x450w/15746/1574675/1574675108.JPEG 1x, /data/Photos/700x500w/15746/1574675/1574675108.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574675/1574675126.JPEG" srcset="/data/Photos/450x450w/15746/1574675/1574675126.JPEG 1x, /data/Photos/700x500w/15746/1574675/1574675126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Eurohotel Barcelona Granvia Fira L'Hospitalet de Llobregat" data-hbs-name="Eurohotel Barcelona Granvia Fira L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://eurohotel-barcelona-granvia-fira.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ldXJvaG90ZWwtYmFyY2Vsb25hLWdyYW52aWEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Eurohotel Barcelona Granvia Fira L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5662585" data-hbs-latitude="41.398106" data-hbs-longitude="2.164841" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIyNDEvMTIyNDEwNS8xMjI0MTA1MTU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12241/1224105/1224105154.JPEG" srcset="/data/Photos/450x450w/12241/1224105/1224105154.JPEG 1x, /data/Photos/700x500w/12241/1224105/1224105154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13993/1399368/1399368740.JPEG" srcset="/data/Photos/450x450w/13993/1399368/1399368740.JPEG 1x, /data/Photos/700x500w/13993/1399368/1399368740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14041/1404124/1404124826.JPEG" srcset="/data/Photos/450x450w/14041/1404124/1404124826.JPEG 1x, /data/Photos/700x500w/14041/1404124/1404124826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14041/1404110/1404110255.JPEG" srcset="/data/Photos/450x450w/14041/1404110/1404110255.JPEG 1x, /data/Photos/700x500w/14041/1404110/1404110255.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14041/1404112/1404112853.JPEG" srcset="/data/Photos/450x450w/14041/1404112/1404112853.JPEG 1x, /data/Photos/700x500w/14041/1404112/1404112853.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14041/1404115/1404115262.JPEG" srcset="/data/Photos/450x450w/14041/1404115/1404115262.JPEG 1x, /data/Photos/700x500w/14041/1404115/1404115262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Occidental Diagonal 414 Barcelona" data-hbs-name="Hotel Occidental Diagonal 414 Barcelona"> <a class="hotels-by-stars__title-link" href="https://occidental-diagonal-414.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9vY2NpZGVudGFsLWRpYWdvbmFsLTQxNC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Occidental Diagonal 414 Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="12320002" data-hbs-latitude="41.37078" data-hbs-longitude="2.11974" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI1NjQvMTI1NjQ5OS8xMjU2NDk5ODAyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12564/1256499/1256499802.JPEG" srcset="/data/Photos/450x450w/12564/1256499/1256499802.JPEG 1x, /data/Photos/700x500w/12564/1256499/1256499802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13712/1371259/1371259793.JPEG" srcset="/data/Photos/450x450w/13712/1371259/1371259793.JPEG 1x, /data/Photos/700x500w/13712/1371259/1371259793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13712/1371250/1371250625.JPEG" srcset="/data/Photos/450x450w/13712/1371250/1371250625.JPEG 1x, /data/Photos/700x500w/13712/1371250/1371250625.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13268/1326814/1326814063.JPEG" srcset="/data/Photos/450x450w/13268/1326814/1326814063.JPEG 1x, /data/Photos/700x500w/13268/1326814/1326814063.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13300/1330038/1330038989.JPEG" srcset="/data/Photos/450x450w/13300/1330038/1330038989.JPEG 1x, /data/Photos/700x500w/13300/1330038/1330038989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13300/1330042/1330042676.JPEG" srcset="/data/Photos/450x450w/13300/1330042/1330042676.JPEG 1x, /data/Photos/700x500w/13300/1330042/1330042676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Orangine L'Hospitalet de Llobregat" data-hbs-name="Hotel Orangine L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hotel-orangine.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1vcmFuZ2luZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Orangine L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/es/3-stars/" class="main-hotels__title-link"> Hoteles de 3 estrellas en Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Alojamiento seleccionado para aprovechar al máximo tu viaje </p> <div class="show-all-wrapper"> <span data-internal="L2VzLzMtc3RhcnMv" class="show-all js-link js-link-new"> Mostrar todos <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="3"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="86765" data-hbs-latitude="41.37715" data-hbs-longitude="2.07907" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMTEvMTAxMTEyOC8xMDExMTI4MTg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10111/1011128/1011128188.JPEG" srcset="/data/Photos/450x450w/10111/1011128/1011128188.JPEG 1x, /data/Photos/700x500w/10111/1011128/1011128188.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14322/1432208/1432208713.JPEG" srcset="/data/Photos/450x450w/14322/1432208/1432208713.JPEG 1x, /data/Photos/700x500w/14322/1432208/1432208713.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273164/1273164610.JPEG" srcset="/data/Photos/450x450w/12731/1273164/1273164610.JPEG 1x, /data/Photos/700x500w/12731/1273164/1273164610.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14322/1432208/1432208017.JPEG" srcset="/data/Photos/450x450w/14322/1432208/1432208017.JPEG 1x, /data/Photos/700x500w/14322/1432208/1432208017.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540657.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540657.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540657.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540642.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540642.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sercotel Porta Barcelona Sant Just Desvern" data-hbs-name="Sercotel Porta Barcelona Sant Just Desvern"> <a class="hotels-by-stars__title-link" href="https://nh-porta-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9uaC1wb3J0YS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Sercotel Porta Barcelona Sant Just Desvern </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.7 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3837">(3837 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="86959" data-hbs-latitude="41.324165" data-hbs-longitude="2.0324707" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNjUvMTYwNjU0MC8xNjA2NTQwODMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540830.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540830.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540830.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540814.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540814.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540814.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540810.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540810.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540811.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540811.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540818.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540818.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606540/1606540809.JPEG" srcset="/data/Photos/450x450w/16065/1606540/1606540809.JPEG 1x, /data/Photos/700x500w/16065/1606540/1606540809.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sercotel Sant Boi Sant Boi de Llobregat" data-hbs-name="Sercotel Sant Boi Sant Boi de Llobregat"> <a class="hotels-by-stars__title-link" href="https://nh-sant-boi.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9uaC1zYW50LWJvaS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Sercotel Sant Boi Sant Boi de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.5 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6651">(6651 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88023" data-hbs-latitude="41.35213657" data-hbs-longitude="2.132291794" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE2NS8xMjczMTY1MTQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273165/1273165141.JPEG" srcset="/data/Photos/450x450w/12731/1273165/1273165141.JPEG 1x, /data/Photos/700x500w/12731/1273165/1273165141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273165/1273165252.JPEG" srcset="/data/Photos/450x450w/12731/1273165/1273165252.JPEG 1x, /data/Photos/700x500w/12731/1273165/1273165252.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273165/1273165312.JPEG" srcset="/data/Photos/450x450w/12731/1273165/1273165312.JPEG 1x, /data/Photos/700x500w/12731/1273165/1273165312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273165/1273165363.JPEG" srcset="/data/Photos/450x450w/12731/1273165/1273165363.JPEG 1x, /data/Photos/700x500w/12731/1273165/1273165363.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273165/1273165432.JPEG" srcset="/data/Photos/450x450w/12731/1273165/1273165432.JPEG 1x, /data/Photos/700x500w/12731/1273165/1273165432.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273164/1273164175.JPEG" srcset="/data/Photos/450x450w/12731/1273164/1273164175.JPEG 1x, /data/Photos/700x500w/12731/1273164/1273164175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Travelodge Barcelona Fira L'Hospitalet de Llobregat" data-hbs-name="Travelodge Barcelona Fira L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://travelodge-barcelona-fira.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly90cmF2ZWxvZGdlLWJhcmNlbG9uYS1maXJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Travelodge Barcelona Fira L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="75">7.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4548">(4548 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88531" data-hbs-latitude="41.83850665" data-hbs-longitude="2.803657354" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNzYvMTYwNzY1Ny8xNjA3NjU3MTc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607657/1607657175.JPEG" srcset="/data/Photos/450x450w/16076/1607657/1607657175.JPEG 1x, /data/Photos/700x500w/16076/1607657/1607657175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607657/1607657140.JPEG" srcset="/data/Photos/450x450w/16076/1607657/1607657140.JPEG 1x, /data/Photos/700x500w/16076/1607657/1607657140.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607657/1607657150.JPEG" srcset="/data/Photos/450x450w/16076/1607657/1607657150.JPEG 1x, /data/Photos/700x500w/16076/1607657/1607657150.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607657/1607657153.JPEG" srcset="/data/Photos/450x450w/16076/1607657/1607657153.JPEG 1x, /data/Photos/700x500w/16076/1607657/1607657153.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607657/1607657163.JPEG" srcset="/data/Photos/450x450w/16076/1607657/1607657163.JPEG 1x, /data/Photos/700x500w/16076/1607657/1607657163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607657/1607657180.JPEG" srcset="/data/Photos/450x450w/16076/1607657/1607657180.JPEG 1x, /data/Photos/700x500w/16076/1607657/1607657180.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="1881 Hotel Balneario Vichy Catalan Caldes de Malavella" data-hbs-name="1881 Hotel Balneario Vichy Catalan Caldes de Malavella"> <a class="hotels-by-stars__title-link" href="https://balneari-vichy-catalan.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYWxuZWFyaS12aWNoeS1jYXRhbGFuLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> 1881 Hotel Balneario Vichy Catalan Caldes de Malavella </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2319">(2319 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88755" data-hbs-latitude="41.384277" data-hbs-longitude="2.161764" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNjgvMTYxNjg3My8xNjE2ODczOTA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873904.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873904.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273078/1273078153.JPEG" srcset="/data/Photos/450x450w/12730/1273078/1273078153.JPEG 1x, /data/Photos/700x500w/12730/1273078/1273078153.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873865.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873865.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873865.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873881.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873881.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873903.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873903.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873903.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873906.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873906.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873906.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Caledonian Barcelona" data-hbs-name="Hotel Caledonian Barcelona"> <a class="hotels-by-stars__title-link" href="https://caledonian.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYWxlZG9uaWFuLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Caledonian Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.4 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5559">(5559 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88763" data-hbs-latitude="41.394075" data-hbs-longitude="2.153685" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMC82OTMwNzUvNjkzMDc1MTQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6930/693075/693075144.JPEG" srcset="/data/Photos/450x450w/6930/693075/693075144.JPEG 1x, /data/Photos/700x500w/6930/693075/693075144.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580287/1580287755.JPEG" srcset="/data/Photos/450x450w/15802/1580287/1580287755.JPEG 1x, /data/Photos/700x500w/15802/1580287/1580287755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580390/1580390205.JPEG" srcset="/data/Photos/450x450w/15803/1580390/1580390205.JPEG 1x, /data/Photos/700x500w/15803/1580390/1580390205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580390/1580390219.JPEG" srcset="/data/Photos/450x450w/15803/1580390/1580390219.JPEG 1x, /data/Photos/700x500w/15803/1580390/1580390219.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498521/1498521103.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521103.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498521/1498521220.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521220.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521220.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Astoria Barcelona" data-hbs-name="Hotel Astoria Barcelona"> <a class="hotels-by-stars__title-link" href="https://astoria-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hc3RvcmlhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Astoria Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2169">(2169 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88842" data-hbs-latitude="41.40787" data-hbs-longitude="2.18538" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzE5My83MTkzODMvNzE5MzgzNTMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7193/719383/719383531.JPEG" srcset="/data/Photos/450x450w/7193/719383/719383531.JPEG 1x, /data/Photos/700x500w/7193/719383/719383531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643139/1643139793.JPEG" srcset="/data/Photos/450x450w/16431/1643139/1643139793.JPEG 1x, /data/Photos/700x500w/16431/1643139/1643139793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643139/1643139813.JPEG" srcset="/data/Photos/450x450w/16431/1643139/1643139813.JPEG 1x, /data/Photos/700x500w/16431/1643139/1643139813.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16236/1623646/1623646474.JPEG" srcset="/data/Photos/450x450w/16236/1623646/1623646474.JPEG 1x, /data/Photos/700x500w/16236/1623646/1623646474.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605366/1605366136.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366136.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366136.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605366/1605366137.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366137.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366137.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Catalonia Sagrada Familia Barcelona" data-hbs-name="Hotel Catalonia Sagrada Familia Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalonia-sagrada-familia.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtc2FncmFkYS1mYW1pbGlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Catalonia Sagrada Familia Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.7 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="9495">(9495 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88900" data-hbs-latitude="41.3857" data-hbs-longitude="2.16643" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjQ1OS8yNDU5OTYvMjQ1OTk2Nzg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2459/245996/245996789.JPEG" srcset="/data/Photos/450x450w/2459/245996/245996789.JPEG 1x, /data/Photos/700x500w/2459/245996/245996789.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273154/1273154563.JPEG" srcset="/data/Photos/450x450w/12731/1273154/1273154563.JPEG 1x, /data/Photos/700x500w/12731/1273154/1273154563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273154/1273154452.JPEG" srcset="/data/Photos/450x450w/12731/1273154/1273154452.JPEG 1x, /data/Photos/700x500w/12731/1273154/1273154452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288619.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288619.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288243.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288243.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288243.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574676/1574676677.JPEG" srcset="/data/Photos/450x450w/15746/1574676/1574676677.JPEG 1x, /data/Photos/700x500w/15746/1574676/1574676677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Lleó Barcelona" data-hbs-name="Hotel Lleó Barcelona"> <a class="hotels-by-stars__title-link" href="https://lleo-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9sbGVvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Lleó Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6748">(6748 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89011" data-hbs-latitude="41.414016" data-hbs-longitude="2.17778899999996" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMwMjQvMTMwMjQyNS8xMzAyNDI1NTEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13024/1302425/1302425512.JPEG" srcset="/data/Photos/450x450w/13024/1302425/1302425512.JPEG 1x, /data/Photos/700x500w/13024/1302425/1302425512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598393/1598393321.JPEG" srcset="/data/Photos/450x450w/15983/1598393/1598393321.JPEG 1x, /data/Photos/700x500w/15983/1598393/1598393321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598393/1598393314.JPEG" srcset="/data/Photos/450x450w/15983/1598393/1598393314.JPEG 1x, /data/Photos/700x500w/15983/1598393/1598393314.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598393/1598393328.JPEG" srcset="/data/Photos/450x450w/15983/1598393/1598393328.JPEG 1x, /data/Photos/700x500w/15983/1598393/1598393328.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598393/1598393345.JPEG" srcset="/data/Photos/450x450w/15983/1598393/1598393345.JPEG 1x, /data/Photos/700x500w/15983/1598393/1598393345.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598393/1598393327.JPEG" srcset="/data/Photos/450x450w/15983/1598393/1598393327.JPEG 1x, /data/Photos/700x500w/15983/1598393/1598393327.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Sant Pau Barcelona" data-hbs-name="Hotel Sant Pau Barcelona"> <a class="hotels-by-stars__title-link" href="https://amrey-sant-pau.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hbXJleS1zYW50LXBhdS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Sant Pau Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3.1 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2808">(2808 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126232" data-hbs-latitude="41.38573" data-hbs-longitude="2.16637" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI5NTYvMTI5NTYzMy8xMjk1NjMzMzkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12956/1295633/1295633392.JPEG" srcset="/data/Photos/450x450w/12956/1295633/1295633392.JPEG 1x, /data/Photos/700x500w/12956/1295633/1295633392.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643428.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643428.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643428.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643414.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643414.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643414.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643432.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643432.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643432.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643429.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643429.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643429.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599643/1599643433.JPEG" srcset="/data/Photos/450x450w/15996/1599643/1599643433.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Atlantis By Atbcn Barcelona" data-hbs-name="Hotel Atlantis By Atbcn Barcelona"> <a class="hotels-by-stars__title-link" href="https://atlantis.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hdGxhbnRpcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Atlantis By Atbcn Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="194940" data-hbs-latitude="41.37943" data-hbs-longitude="2.17614" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQzOC8xNTgwNDM4NjQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438645.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438645.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438645.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438619.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438619.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7062/706209/706209466.JPEG" srcset="/data/Photos/450x450w/7062/706209/706209466.JPEG 1x, /data/Photos/700x500w/7062/706209/706209466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438543.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438543.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438599.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438599.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438599.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580438/1580438499.JPEG" srcset="/data/Photos/450x450w/15804/1580438/1580438499.JPEG 1x, /data/Photos/700x500w/15804/1580438/1580438499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barcelona House" data-hbs-name="Hotel Barcelona House"> <a class="hotels-by-stars__title-link" href="https://barcelona-house.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtaG91c2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Barcelona House </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="221498" data-hbs-latitude="41.27073" data-hbs-longitude="1.98877" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNDcvMTYxNDc3OC8xNjE0Nzc4MjA2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614778/1614778206.JPEG" srcset="/data/Photos/450x450w/16147/1614778/1614778206.JPEG 1x, /data/Photos/700x500w/16147/1614778/1614778206.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16143/1614350/1614350806.JPEG" srcset="/data/Photos/450x450w/16143/1614350/1614350806.JPEG 1x, /data/Photos/700x500w/16143/1614350/1614350806.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607658/1607658357.JPEG" srcset="/data/Photos/450x450w/16076/1607658/1607658357.JPEG 1x, /data/Photos/700x500w/16076/1607658/1607658357.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584403/1584403701.JPEG" srcset="/data/Photos/450x450w/15844/1584403/1584403701.JPEG 1x, /data/Photos/700x500w/15844/1584403/1584403701.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584403/1584403717.JPEG" srcset="/data/Photos/450x450w/15844/1584403/1584403717.JPEG 1x, /data/Photos/700x500w/15844/1584403/1584403717.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584403/1584403686.JPEG" srcset="/data/Photos/450x450w/15844/1584403/1584403686.JPEG 1x, /data/Photos/700x500w/15844/1584403/1584403686.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Canal Olímpic Castelldefels" data-hbs-name="Hotel Canal Olímpic Castelldefels"> <a class="hotels-by-stars__title-link" href="https://canal-olimpic.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYW5hbC1vbGltcGljLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Canal Olímpic Castelldefels </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="337294" data-hbs-latitude="41.392678564218365" data-hbs-longitude="2.156433016061783" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5NjAvMTU5NjAyMC8xNTk2MDIwOTA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596020/1596020908.JPEG" srcset="/data/Photos/450x450w/15960/1596020/1596020908.JPEG 1x, /data/Photos/700x500w/15960/1596020/1596020908.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596867/1596867832.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867832.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596867/1596867810.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867810.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596867/1596867786.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867786.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867786.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596867/1596867801.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867801.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867801.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596867/1596867825.JPEG" srcset="/data/Photos/450x450w/15968/1596867/1596867825.JPEG 1x, /data/Photos/700x500w/15968/1596867/1596867825.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Allegro Barcelona" data-hbs-name="Hotel Allegro Barcelona"> <a class="hotels-by-stars__title-link" href="https://room-mate-emma.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9yb29tLW1hdGUtZW1tYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Allegro Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="526631" data-hbs-latitude="41.383848" data-hbs-longitude="2.171446" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODYvMTQ5ODY3NS8xNDk4Njc1NzgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14986/1498675/1498675780.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675780.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675780.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14986/1498675/1498675681.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675681.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14986/1498675/1498675699.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675699.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675699.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14986/1498675/1498675792.JPEG" srcset="/data/Photos/450x450w/14986/1498675/1498675792.JPEG 1x, /data/Photos/700x500w/14986/1498675/1498675792.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13236/1323646/1323646318.JPEG" srcset="/data/Photos/450x450w/13236/1323646/1323646318.JPEG 1x, /data/Photos/700x500w/13236/1323646/1323646318.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12970/1297028/1297028830.JPEG" srcset="/data/Photos/450x450w/12970/1297028/1297028830.JPEG 1x, /data/Photos/700x500w/12970/1297028/1297028830.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Citadines Ramblas Barcelona Aparthotel" data-hbs-name="Citadines Ramblas Barcelona Aparthotel"> <a class="hotels-by-stars__title-link" href="https://citadines-ramblas-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jaXRhZGluZXMtcmFtYmxhcy1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Citadines Ramblas Barcelona Aparthotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="650904" data-hbs-latitude="41.31056" data-hbs-longitude="2.02703" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MjAvMTU5MjA3Ni8xNTkyMDc2NDcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076471.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076471.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076436.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076436.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076441.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076441.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076443.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076443.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076443.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076450.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076450.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076452.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076452.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="B&B Hotel Barcelona Viladecans" data-hbs-name="B&B Hotel Barcelona Viladecans"> <a class="hotels-by-stars__title-link" href="https://bbhotelviladecans.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYmhvdGVsdmlsYWRlY2Fucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> B&B Hotel Barcelona Viladecans </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1032629" data-hbs-latitude="41.39051" data-hbs-longitude="2.18519" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjAxNi8yMDE2NzEvMjAxNjcxMzM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2016/201671/201671338.JPEG" srcset="/data/Photos/450x450w/2016/201671/201671338.JPEG 1x, /data/Photos/700x500w/2016/201671/201671338.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15006/1500605/1500605641.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605641.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15006/1500605/1500605659.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605659.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605659.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15006/1500605/1500605674.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605674.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605674.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15006/1500605/1500605677.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605677.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15006/1500605/1500605716.JPEG" srcset="/data/Photos/450x450w/15006/1500605/1500605716.JPEG 1x, /data/Photos/700x500w/15006/1500605/1500605716.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ant Hostel Barcelona" data-hbs-name="Ant Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://ant-hostel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hbnQtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Ant Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2731101" data-hbs-latitude="41.39013" data-hbs-longitude="2.18463" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MjEvMTU5MjExMC8xNTkyMTEwNzY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110769.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110769.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110739.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110739.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110739.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110740.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110740.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110749.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110749.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110753.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110753.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110753.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15921/1592110/1592110734.JPEG" srcset="/data/Photos/450x450w/15921/1592110/1592110734.JPEG 1x, /data/Photos/700x500w/15921/1592110/1592110734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Motel One Barcelona-Ciutadella" data-hbs-name="Motel One Barcelona-Ciutadella"> <a class="hotels-by-stars__title-link" href="https://motel-one-barcelona-ciutadella.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9tb3RlbC1vbmUtYmFyY2Vsb25hLWNpdXRhZGVsbGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Motel One Barcelona-Ciutadella </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4567108" data-hbs-latitude="41.39099" data-hbs-longitude="2.19645" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzY2Ny83NjY3ODQvNzY2Nzg0Mjk2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7667/766784/766784296.JPEG" srcset="/data/Photos/450x450w/7667/766784/766784296.JPEG 1x, /data/Photos/700x500w/7667/766784/766784296.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15513/1551323/1551323344.JPEG" srcset="/data/Photos/450x450w/15513/1551323/1551323344.JPEG 1x, /data/Photos/700x500w/15513/1551323/1551323344.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15513/1551323/1551323398.JPEG" srcset="/data/Photos/450x450w/15513/1551323/1551323398.JPEG 1x, /data/Photos/700x500w/15513/1551323/1551323398.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13865/1386575/1386575408.JPEG" srcset="/data/Photos/450x450w/13865/1386575/1386575408.JPEG 1x, /data/Photos/700x500w/13865/1386575/1386575408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13865/1386580/1386580769.JPEG" srcset="/data/Photos/450x450w/13865/1386580/1386580769.JPEG 1x, /data/Photos/700x500w/13865/1386580/1386580769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13865/1386580/1386580784.JPEG" srcset="/data/Photos/450x450w/13865/1386580/1386580784.JPEG 1x, /data/Photos/700x500w/13865/1386580/1386580784.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Unite Hostel Barcelona" data-hbs-name="Unite Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://unite-hostel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly91bml0ZS1ob3N0ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Unite Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6864554" data-hbs-latitude="41.3752899169922" data-hbs-longitude="2.14769816398621" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NTcvMTY0NTcwMi8xNjQ1NzAyOTU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702955.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702955.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702955.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702882.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702882.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702903.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702903.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702903.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702951.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702951.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702951.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702913.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702913.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702913.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16457/1645702/1645702893.JPEG" srcset="/data/Photos/450x450w/16457/1645702/1645702893.JPEG 1x, /data/Photos/700x500w/16457/1645702/1645702893.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Occidental Barcelona 1929" data-hbs-name="Hotel Occidental Barcelona 1929"> <a class="hotels-by-stars__title-link" href="https://ona-hotels-terra.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9vbmEtaG90ZWxzLXRlcnJhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Occidental Barcelona 1929 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7115765" data-hbs-latitude="41.3986556" data-hbs-longitude="2.2010949000000437" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIyNDAvMTIyNDA5NC8xMjI0MDk0NzgzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12240/1224094/1224094783.JPEG" srcset="/data/Photos/450x450w/12240/1224094/1224094783.JPEG 1x, /data/Photos/700x500w/12240/1224094/1224094783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15203/1520324/1520324113.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324113.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15203/1520324/1520324962.JPEG" srcset="/data/Photos/450x450w/15203/1520324/1520324962.JPEG 1x, /data/Photos/700x500w/15203/1520324/1520324962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9553/955395/955395037.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395037.JPEG 1x, /data/Photos/700x500w/9553/955395/955395037.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9553/955395/955395202.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395202.JPEG 1x, /data/Photos/700x500w/9553/955395/955395202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9553/955395/955395274.JPEG" srcset="/data/Photos/450x450w/9553/955395/955395274.JPEG 1x, /data/Photos/700x500w/9553/955395/955395274.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Acta Voraport Barcelona" data-hbs-name="Hotel Acta Voraport Barcelona"> <a class="hotels-by-stars__title-link" href="https://acta-voraport.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hY3RhLXZvcmFwb3J0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Acta Voraport Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/es/2-stars/" class="main-hotels__title-link"> Hoteles de 2 estrellas en Barcelona </a> </h3> <p class="main-hotels__text section__subtitle"> Alojamiento de alta calidad a un precio razonable </p> <div class="show-all-wrapper"> <span data-internal="L2VzLzItc3RhcnMv" class="show-all js-link js-link-new"> Mostrar todos <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="2"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88850" data-hbs-latitude="41.3748" data-hbs-longitude="2.1661" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMS82OTMxMDQvNjkzMTA0Nzc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6931/693104/693104775.JPEG" srcset="/data/Photos/450x450w/6931/693104/693104775.JPEG 1x, /data/Photos/700x500w/6931/693104/693104775.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122355.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122355.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122355.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122019.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122019.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122097.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122097.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122097.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122160.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122160.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122160.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122262.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122262.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Paral-Lel Barcelona" data-hbs-name="Hotel Paral-Lel Barcelona"> <a class="hotels-by-stars__title-link" href="https://parallel-hotel.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9wYXJhbGxlbC1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Paral-Lel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3822">(3822 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89007" data-hbs-latitude="41.43513" data-hbs-longitude="2.15358" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjM5NS8yMzk1NzkvMjM5NTc5MTU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2395/239579/239579157.JPEG" srcset="/data/Photos/450x450w/2395/239579/239579157.JPEG 1x, /data/Photos/700x500w/2395/239579/239579157.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15903/1590334/1590334518.JPEG" srcset="/data/Photos/450x450w/15903/1590334/1590334518.JPEG 1x, /data/Photos/700x500w/15903/1590334/1590334518.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15903/1590334/1590334529.JPEG" srcset="/data/Photos/450x450w/15903/1590334/1590334529.JPEG 1x, /data/Photos/700x500w/15903/1590334/1590334529.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15903/1590334/1590334541.JPEG" srcset="/data/Photos/450x450w/15903/1590334/1590334541.JPEG 1x, /data/Photos/700x500w/15903/1590334/1590334541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596011/1596011192.JPEG" srcset="/data/Photos/450x450w/15960/1596011/1596011192.JPEG 1x, /data/Photos/700x500w/15960/1596011/1596011192.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2395/239579/239579249.JPEG" srcset="/data/Photos/450x450w/2395/239579/239579249.JPEG 1x, /data/Photos/700x500w/2395/239579/239579249.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Colors Barcelona" data-hbs-name="Hotel Colors Barcelona"> <a class="hotels-by-stars__title-link" href="https://colors.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jb2xvcnMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Colors Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 5.6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.3 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="73">7.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Bien">Bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1770">(1770 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="105446" data-hbs-latitude="41.34869" data-hbs-longitude="2.08194" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTg5Mi85ODkyNTcvOTg5MjU3MzMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9892/989257/989257333.JPEG" srcset="/data/Photos/450x450w/9892/989257/989257333.JPEG 1x, /data/Photos/700x500w/9892/989257/989257333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9904/990425/990425515.JPEG" srcset="/data/Photos/450x450w/9904/990425/990425515.JPEG 1x, /data/Photos/700x500w/9904/990425/990425515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273221/1273221088.JPEG" srcset="/data/Photos/450x450w/12732/1273221/1273221088.JPEG 1x, /data/Photos/700x500w/12732/1273221/1273221088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273221/1273221337.JPEG" srcset="/data/Photos/450x450w/12732/1273221/1273221337.JPEG 1x, /data/Photos/700x500w/12732/1273221/1273221337.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273221/1273221532.JPEG" srcset="/data/Photos/450x450w/12732/1273221/1273221532.JPEG 1x, /data/Photos/700x500w/12732/1273221/1273221532.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273221/1273221703.JPEG" srcset="/data/Photos/450x450w/12732/1273221/1273221703.JPEG 1x, /data/Photos/700x500w/12732/1273221/1273221703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Cornella Cornellá de Llobregat" data-hbs-name="Hotel Ibis Cornella Cornellá de Llobregat"> <a class="hotels-by-stars__title-link" href="https://ibis-cornella.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLWNvcm5lbGxhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Ibis Cornella Cornellá de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.1 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4632">(4632 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126223" data-hbs-latitude="41.281491" data-hbs-longitude="1.98565" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODgvMTI3ODg5Ni8xMjc4ODk2MjM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278896/1278896239.JPEG" srcset="/data/Photos/450x450w/12788/1278896/1278896239.JPEG 1x, /data/Photos/700x500w/12788/1278896/1278896239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15422/1542277/1542277417.JPEG" srcset="/data/Photos/450x450w/15422/1542277/1542277417.JPEG 1x, /data/Photos/700x500w/15422/1542277/1542277417.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15422/1542277/1542277429.JPEG" srcset="/data/Photos/450x450w/15422/1542277/1542277429.JPEG 1x, /data/Photos/700x500w/15422/1542277/1542277429.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15422/1542277/1542277453.JPEG" srcset="/data/Photos/450x450w/15422/1542277/1542277453.JPEG 1x, /data/Photos/700x500w/15422/1542277/1542277453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15422/1542277/1542277456.JPEG" srcset="/data/Photos/450x450w/15422/1542277/1542277456.JPEG 1x, /data/Photos/700x500w/15422/1542277/1542277456.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15422/1542277/1542277486.JPEG" srcset="/data/Photos/450x450w/15422/1542277/1542277486.JPEG 1x, /data/Photos/700x500w/15422/1542277/1542277486.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Barcelona Castelldefels" data-hbs-name="Hotel Ibis Barcelona Castelldefels"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-castelldefels.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1jYXN0ZWxsZGVmZWxzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Ibis Barcelona Castelldefels </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.2 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2831">(2831 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126281" data-hbs-latitude="41.43537207" data-hbs-longitude="2.18173563" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5OTYvMTU5OTY0OC8xNTk5NjQ4MTA3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599648/1599648107.JPEG" srcset="/data/Photos/450x450w/15996/1599648/1599648107.JPEG 1x, /data/Photos/700x500w/15996/1599648/1599648107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273188/1273188577.JPEG" srcset="/data/Photos/450x450w/12731/1273188/1273188577.JPEG 1x, /data/Photos/700x500w/12731/1273188/1273188577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598897/1598897568.JPEG" srcset="/data/Photos/450x450w/15988/1598897/1598897568.JPEG 1x, /data/Photos/700x500w/15988/1598897/1598897568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598897/1598897572.JPEG" srcset="/data/Photos/450x450w/15988/1598897/1598897572.JPEG 1x, /data/Photos/700x500w/15988/1598897/1598897572.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599648/1599648100.JPEG" srcset="/data/Photos/450x450w/15996/1599648/1599648100.JPEG 1x, /data/Photos/700x500w/15996/1599648/1599648100.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599648/1599648101.JPEG" srcset="/data/Photos/450x450w/15996/1599648/1599648101.JPEG 1x, /data/Photos/700x500w/15996/1599648/1599648101.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Barcelona Meridiana" data-hbs-name="Hotel Ibis Barcelona Meridiana"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-meridiana.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1tZXJpZGlhbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Ibis Barcelona Meridiana </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 5.5 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4604">(4604 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="180092" data-hbs-latitude="41.41535" data-hbs-longitude="2.17701" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwMzkvMTAwMzk2Ni8xMDAzOTY2MDQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10039/1003966/1003966041.JPEG" srcset="/data/Photos/450x450w/10039/1003966/1003966041.JPEG 1x, /data/Photos/700x500w/10039/1003966/1003966041.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2585/258555/258555041.JPEG" srcset="/data/Photos/450x450w/2585/258555/258555041.JPEG 1x, /data/Photos/700x500w/2585/258555/258555041.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1847/184773/184773507.JPEG" srcset="/data/Photos/450x450w/1847/184773/184773507.JPEG 1x, /data/Photos/700x500w/1847/184773/184773507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1847/184746/184746327.JPEG" srcset="/data/Photos/450x450w/1847/184746/184746327.JPEG 1x, /data/Photos/700x500w/1847/184746/184746327.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1847/184773/184773450.JPEG" srcset="/data/Photos/450x450w/1847/184773/184773450.JPEG 1x, /data/Photos/700x500w/1847/184773/184773450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10981/1098174/1098174603.JPEG" srcset="/data/Photos/450x450w/10981/1098174/1098174603.JPEG 1x, /data/Photos/700x500w/10981/1098174/1098174603.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Sant Pau Barcelona" data-hbs-name="Hostal Sant Pau Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-sant-pau.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtc2FudC1wYXUuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostal Sant Pau Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3.3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1512">(1512 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="327682" data-hbs-latitude="41.401077" data-hbs-longitude="2.194458" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA2MC8xMjczMDYwNjc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273060/1273060675.JPEG" srcset="/data/Photos/450x450w/12730/1273060/1273060675.JPEG 1x, /data/Photos/700x500w/12730/1273060/1273060675.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584446/1584446837.JPEG" srcset="/data/Photos/450x450w/15844/1584446/1584446837.JPEG 1x, /data/Photos/700x500w/15844/1584446/1584446837.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554466.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554466.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554467.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554467.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554467.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554468.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554468.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606554/1606554474.JPEG" srcset="/data/Photos/450x450w/16065/1606554/1606554474.JPEG 1x, /data/Photos/700x500w/16065/1606554/1606554474.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Barcelona Plaza Glories 22@" data-hbs-name="Hotel Ibis Barcelona Plaza Glories 22@"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-plaza-glories-22.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1wbGF6YS1nbG9yaWVzLTIyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Ibis Barcelona Plaza Glories 22@ </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.1 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4841">(4841 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="349965" data-hbs-latitude="41.379147" data-hbs-longitude="2.175139" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njg1NC82ODU0NzcvNjg1NDc3MzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6854/685477/685477332.JPEG" srcset="/data/Photos/450x450w/6854/685477/685477332.JPEG 1x, /data/Photos/700x500w/6854/685477/685477332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232259/1232259698.JPEG" srcset="/data/Photos/450x450w/12322/1232259/1232259698.JPEG 1x, /data/Photos/700x500w/12322/1232259/1232259698.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232273/1232273441.JPEG" srcset="/data/Photos/450x450w/12322/1232273/1232273441.JPEG 1x, /data/Photos/700x500w/12322/1232273/1232273441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232273/1232273810.JPEG" srcset="/data/Photos/450x450w/12322/1232273/1232273810.JPEG 1x, /data/Photos/700x500w/12322/1232273/1232273810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232283/1232283512.JPEG" srcset="/data/Photos/450x450w/12322/1232283/1232283512.JPEG 1x, /data/Photos/700x500w/12322/1232283/1232283512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12322/1232291/1232291252.JPEG" srcset="/data/Photos/450x450w/12322/1232291/1232291252.JPEG 1x, /data/Photos/700x500w/12322/1232291/1232291252.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Cuatro Naciones Barcelona" data-hbs-name="Hotel Cuatro Naciones Barcelona"> <a class="hotels-by-stars__title-link" href="https://cuatro-naciones.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jdWF0cm8tbmFjaW9uZXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Cuatro Naciones Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4406">(4406 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="359910" data-hbs-latitude="41.39723" data-hbs-longitude="2.15916" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMwMTMvMTMwMTM0NC8xMzAxMzQ0MTM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13013/1301344/1301344138.JPEG" srcset="/data/Photos/450x450w/13013/1301344/1301344138.JPEG 1x, /data/Photos/700x500w/13013/1301344/1301344138.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134022.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134022.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134211.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134211.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134073.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134073.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134073.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15216/1521614/1521614578.JPEG" srcset="/data/Photos/450x450w/15216/1521614/1521614578.JPEG 1x, /data/Photos/700x500w/15216/1521614/1521614578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15214/1521497/1521497479.JPEG" srcset="/data/Photos/450x450w/15214/1521497/1521497479.JPEG 1x, /data/Photos/700x500w/15214/1521497/1521497479.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Casa Gracia Albergue Barcelona" data-hbs-name="Casa Gracia Albergue Barcelona"> <a class="hotels-by-stars__title-link" href="https://casa-gracia.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYXNhLWdyYWNpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Casa Gracia Albergue Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.5 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.4 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7622">(7622 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="389614" data-hbs-latitude="41.4258607" data-hbs-longitude="2.1686148" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTczMC8xNzMwNzEvMTczMDcxMDY1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1730/173071/173071065.JPEG" srcset="/data/Photos/450x450w/1730/173071/173071065.JPEG 1x, /data/Photos/700x500w/1730/173071/173071065.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580739/1580739283.JPEG" srcset="/data/Photos/450x450w/15807/1580739/1580739283.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580739/1580739343.JPEG" srcset="/data/Photos/450x450w/15807/1580739/1580739343.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580739/1580739355.JPEG" srcset="/data/Photos/450x450w/15807/1580739/1580739355.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739355.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580739/1580739321.JPEG" srcset="/data/Photos/450x450w/15807/1580739/1580739321.JPEG 1x, /data/Photos/700x500w/15807/1580739/1580739321.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11084/1108412/1108412796.JPEG" srcset="/data/Photos/450x450w/11084/1108412/1108412796.JPEG 1x, /data/Photos/700x500w/11084/1108412/1108412796.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mellow ECO Hostel Barcelona" data-hbs-name="Mellow ECO Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://mellow-hostel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9tZWxsb3ctaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Mellow ECO Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.4 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación agradable </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación agradable. Tiene una puntuación de 6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="64">6.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Agradable">Agradable</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1592">(1592 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="400301" data-hbs-latitude="41.38942" data-hbs-longitude="2.17173" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNzIvMTYyNzIxMC8xNjI3MjEwMjg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627210/1627210284.JPEG" srcset="/data/Photos/450x450w/16272/1627210/1627210284.JPEG 1x, /data/Photos/700x500w/16272/1627210/1627210284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/286/28627/28627529.JPEG" srcset="/data/Photos/450x450w/286/28627/28627529.JPEG 1x, /data/Photos/700x500w/286/28627/28627529.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16247/1624756/1624756615.JPEG" srcset="/data/Photos/450x450w/16247/1624756/1624756615.JPEG 1x, /data/Photos/700x500w/16247/1624756/1624756615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659450.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659450.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659456.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659456.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659456.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659459.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659459.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Goya Barcelona" data-hbs-name="Hostal Goya Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-goya.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZ295YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hostal Goya Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="437560" data-hbs-latitude="41.37635" data-hbs-longitude="2.14553" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njc2MS82NzYxMTIvNjc2MTEyNDg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6761/676112/676112484.JPEG" srcset="/data/Photos/450x450w/6761/676112/676112484.JPEG 1x, /data/Photos/700x500w/6761/676112/676112484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573415.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573415.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573415.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569405.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569405.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569405.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573337.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573337.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573337.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573437.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573437.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607669/1607669624.JPEG" srcset="/data/Photos/450x450w/16076/1607669/1607669624.JPEG 1x, /data/Photos/700x500w/16076/1607669/1607669624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Lk Barcelona" data-hbs-name="Hostal Lk Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-lk-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtbGstYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hostal Lk Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="561898" data-hbs-latitude="41.39125" data-hbs-longitude="2.17785" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk1OC82OTU4NjMvNjk1ODYzOTMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6958/695863/695863932.JPEG" srcset="/data/Photos/450x450w/6958/695863/695863932.JPEG 1x, /data/Photos/700x500w/6958/695863/695863932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580692/1580692545.JPEG" srcset="/data/Photos/450x450w/15806/1580692/1580692545.JPEG 1x, /data/Photos/700x500w/15806/1580692/1580692545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324595.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324595.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324595.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324597.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324597.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324600.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324600.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324603.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324603.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324603.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Black Swan Hostel Barcelona" data-hbs-name="Black Swan Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://black-swan-hostel.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ibGFjay1zd2FuLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Black Swan Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="592956" data-hbs-latitude="41.38608" data-hbs-longitude="2.1677" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODMwMS84MzAxMzMvODMwMTMzMDgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133080.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133080.JPEG 1x, /data/Photos/700x500w/8301/830133/830133080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13592/1359246/1359246407.JPEG" srcset="/data/Photos/450x450w/13592/1359246/1359246407.JPEG 1x, /data/Photos/700x500w/13592/1359246/1359246407.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13636/1363690/1363690022.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690022.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13636/1363690/1363690982.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690982.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133011.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133011.JPEG 1x, /data/Photos/700x500w/8301/830133/830133011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133218.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133218.JPEG 1x, /data/Photos/700x500w/8301/830133/830133218.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="St Christopher'S Inn Barcelona" data-hbs-name="St Christopher'S Inn Barcelona"> <a class="hotels-by-stars__title-link" href="https://st-christophers-inn.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zdC1jaHJpc3RvcGhlcnMtaW5uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> St Christopher'S Inn Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="621685" data-hbs-latitude="41.40073" data-hbs-longitude="2.17247" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzMjEvMTQzMjEzMS8xNDMyMTMxMzM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432131/1432131334.JPEG" srcset="/data/Photos/450x450w/14321/1432131/1432131334.JPEG 1x, /data/Photos/700x500w/14321/1432131/1432131334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15367/1536745/1536745882.JPEG" srcset="/data/Photos/450x450w/15367/1536745/1536745882.JPEG 1x, /data/Photos/700x500w/15367/1536745/1536745882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15367/1536745/1536745915.JPEG" srcset="/data/Photos/450x450w/15367/1536745/1536745915.JPEG 1x, /data/Photos/700x500w/15367/1536745/1536745915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9904/990472/990472282.JPEG" srcset="/data/Photos/450x450w/9904/990472/990472282.JPEG 1x, /data/Photos/700x500w/9904/990472/990472282.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9777/977750/977750416.JPEG" srcset="/data/Photos/450x450w/9777/977750/977750416.JPEG 1x, /data/Photos/700x500w/9777/977750/977750416.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432127/1432127002.JPEG" srcset="/data/Photos/450x450w/14321/1432127/1432127002.JPEG 1x, /data/Photos/700x500w/14321/1432127/1432127002.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Barcelona Centro " data-hbs-name="Hotel Ibis Barcelona Centro "> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-centro.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1jZW50cm8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Ibis Barcelona Centro </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="837150" data-hbs-latitude="41.272182" data-hbs-longitude="2.042954" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTg0NS85ODQ1ODYvOTg0NTg2MzA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9845/984586/984586309.JPEG" srcset="/data/Photos/450x450w/9845/984586/984586309.JPEG 1x, /data/Photos/700x500w/9845/984586/984586309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602346/1602346470.JPEG" srcset="/data/Photos/450x450w/16023/1602346/1602346470.JPEG 1x, /data/Photos/700x500w/16023/1602346/1602346470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589504/1589504347.JPEG" srcset="/data/Photos/450x450w/15895/1589504/1589504347.JPEG 1x, /data/Photos/700x500w/15895/1589504/1589504347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610236/1610236994.JPEG" srcset="/data/Photos/450x450w/16102/1610236/1610236994.JPEG 1x, /data/Photos/700x500w/16102/1610236/1610236994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611116/1611116402.JPEG" srcset="/data/Photos/450x450w/16111/1611116/1611116402.JPEG 1x, /data/Photos/700x500w/16111/1611116/1611116402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600585/1600585715.JPEG" srcset="/data/Photos/450x450w/16005/1600585/1600585715.JPEG 1x, /data/Photos/700x500w/16005/1600585/1600585715.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Camping 3 Estrellas Gavà" data-hbs-name="Hotel Camping 3 Estrellas Gavà"> <a class="hotels-by-stars__title-link" href="https://camping-3-estrellas.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYW1waW5nLTMtZXN0cmVsbGFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Camping 3 Estrellas Gavà </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="860891" data-hbs-latitude="41.37226" data-hbs-longitude="2.15737" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMjIvMTYzMjI2OC8xNjMyMjY4NTYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632268/1632268560.JPEG" srcset="/data/Photos/450x450w/16322/1632268/1632268560.JPEG 1x, /data/Photos/700x500w/16322/1632268/1632268560.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617474/1617474278.JPEG" srcset="/data/Photos/450x450w/16174/1617474/1617474278.JPEG 1x, /data/Photos/700x500w/16174/1617474/1617474278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617474/1617474280.JPEG" srcset="/data/Photos/450x450w/16174/1617474/1617474280.JPEG 1x, /data/Photos/700x500w/16174/1617474/1617474280.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617474/1617474282.JPEG" srcset="/data/Photos/450x450w/16174/1617474/1617474282.JPEG 1x, /data/Photos/700x500w/16174/1617474/1617474282.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617474/1617474283.JPEG" srcset="/data/Photos/450x450w/16174/1617474/1617474283.JPEG 1x, /data/Photos/700x500w/16174/1617474/1617474283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617474/1617474284.JPEG" srcset="/data/Photos/450x450w/16174/1617474/1617474284.JPEG 1x, /data/Photos/700x500w/16174/1617474/1617474284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel La Franca Travellers Adults Only Barcelona" data-hbs-name="Hotel La Franca Travellers Adults Only Barcelona"> <a class="hotels-by-stars__title-link" href="https://la-franca.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9sYS1mcmFuY2EuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel La Franca Travellers Adults Only Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="918582" data-hbs-latitude="41.39112" data-hbs-longitude="2.18428" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM0ODcvMTM0ODczNC8xMzQ4NzM0NTM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13487/1348734/1348734539.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734539.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734539.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13487/1348734/1348734563.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734563.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13487/1348734/1348734950.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734950.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734950.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13487/1348734/1348734980.JPEG" srcset="/data/Photos/450x450w/13487/1348734/1348734980.JPEG 1x, /data/Photos/700x500w/13487/1348734/1348734980.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13487/1348735/1348735409.JPEG" srcset="/data/Photos/450x450w/13487/1348735/1348735409.JPEG 1x, /data/Photos/700x500w/13487/1348735/1348735409.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13487/1348740/1348740038.JPEG" srcset="/data/Photos/450x450w/13487/1348740/1348740038.JPEG 1x, /data/Photos/700x500w/13487/1348740/1348740038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Arc House Barcelona Albergue" data-hbs-name="Arc House Barcelona Albergue"> <a class="hotels-by-stars__title-link" href="https://arc-house-hostel.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hcmMtaG91c2UtaG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Arc House Barcelona Albergue </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1620228" data-hbs-latitude="41.39474" data-hbs-longitude="2.19347" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNjAvMTYwNjA3MS8xNjA2MDcxNTcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071570.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071570.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071570.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071543.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071543.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071545.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071545.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071546.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071546.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071546.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071548.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071548.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071548.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16060/1606071/1606071550.JPEG" srcset="/data/Photos/450x450w/16060/1606071/1606071550.JPEG 1x, /data/Photos/700x500w/16060/1606071/1606071550.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Styles Barcelona City Bogatell" data-hbs-name="Hotel Ibis Styles Barcelona City Bogatell"> <a class="hotels-by-stars__title-link" href="https://ibis-styles-barcelona-city-bogatell.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLXN0eWxlcy1iYXJjZWxvbmEtY2l0eS1ib2dhdGVsbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Ibis Styles Barcelona City Bogatell </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4608631" data-hbs-latitude="41.36092" data-hbs-longitude="2.12976" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMjMvMTYwMjM3MC8xNjAyMzcwNDQ4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602370/1602370448.JPEG" srcset="/data/Photos/450x450w/16023/1602370/1602370448.JPEG 1x, /data/Photos/700x500w/16023/1602370/1602370448.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15969/1596917/1596917481.JPEG" srcset="/data/Photos/450x450w/15969/1596917/1596917481.JPEG 1x, /data/Photos/700x500w/15969/1596917/1596917481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860661.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860661.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860661.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860676.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860676.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499537/1499537167.JPEG" srcset="/data/Photos/450x450w/14995/1499537/1499537167.JPEG 1x, /data/Photos/700x500w/14995/1499537/1499537167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860679.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860679.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860679.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="easyHotel Barcelona Fira L'Hospitalet de Llobregat" data-hbs-name="easyHotel Barcelona Fira L'Hospitalet de Llobregat"> <a class="hotels-by-stars__title-link" href="https://easyhotel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9lYXN5aG90ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> easyHotel Barcelona Fira L'Hospitalet de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> Lugares populares para alojarse en Barcelona </h3> <p class="main-hotels__text section__subtitle"> Elige una opción comprobada de nuestra lista de los alojamientos más reservados </p> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="0"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="86764" data-hbs-latitude="41.38" data-hbs-longitude="2.05722" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxODgvMTYxODgxOS8xNjE4ODE5MTE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618819/1618819118.JPEG" srcset="/data/Photos/450x450w/16188/1618819/1618819118.JPEG 1x, /data/Photos/700x500w/16188/1618819/1618819118.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16197/1619757/1619757658.JPEG" srcset="/data/Photos/450x450w/16197/1619757/1619757658.JPEG 1x, /data/Photos/700x500w/16197/1619757/1619757658.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618819/1618819090.JPEG" srcset="/data/Photos/450x450w/16188/1618819/1618819090.JPEG 1x, /data/Photos/700x500w/16188/1618819/1618819090.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618819/1618819105.JPEG" srcset="/data/Photos/450x450w/16188/1618819/1618819105.JPEG 1x, /data/Photos/700x500w/16188/1618819/1618819105.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618819/1618819108.JPEG" srcset="/data/Photos/450x450w/16188/1618819/1618819108.JPEG 1x, /data/Photos/700x500w/16188/1618819/1618819108.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618819/1618819110.JPEG" srcset="/data/Photos/450x450w/16188/1618819/1618819110.JPEG 1x, /data/Photos/700x500w/16188/1618819/1618819110.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Acta Sant Just Sant Just Desvern" data-hbs-name="Hotel Acta Sant Just Sant Just Desvern"> <a class="hotels-by-stars__title-link" href="https://hlg-citypark-sant-just.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9obGctY2l0eXBhcmstc2FudC1qdXN0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Acta Sant Just Sant Just Desvern </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Muy buena ubicación </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece muy buena ubicación. Tiene una puntuación de 7.1 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="343">(343 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="87101" data-hbs-latitude="41.8970783913728" data-hbs-longitude="2.77622580528259" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI1NTAvMTI1NTA3NC8xMjU1MDc0OTk0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12550/1255074/1255074994.JPEG" srcset="/data/Photos/450x450w/12550/1255074/1255074994.JPEG 1x, /data/Photos/700x500w/12550/1255074/1255074994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12550/1255075/1255075012.JPEG" srcset="/data/Photos/450x450w/12550/1255075/1255075012.JPEG 1x, /data/Photos/700x500w/12550/1255075/1255075012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12550/1255077/1255077250.JPEG" srcset="/data/Photos/450x450w/12550/1255077/1255077250.JPEG 1x, /data/Photos/700x500w/12550/1255077/1255077250.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12550/1255077/1255077454.JPEG" srcset="/data/Photos/450x450w/12550/1255077/1255077454.JPEG 1x, /data/Photos/700x500w/12550/1255077/1255077454.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12595/1259595/1259595328.JPEG" srcset="/data/Photos/450x450w/12595/1259595/1259595328.JPEG 1x, /data/Photos/700x500w/12595/1259595/1259595328.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12596/1259624/1259624989.JPEG" srcset="/data/Photos/450x450w/12596/1259624/1259624989.JPEG 1x, /data/Photos/700x500w/12596/1259624/1259624989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Eden Park by Brava Hoteles Riudellots de la Selva" data-hbs-name="Hotel Eden Park by Brava Hoteles Riudellots de la Selva"> <a class="hotels-by-stars__title-link" href="https://novotel-girona-aeropuerto.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLWdpcm9uYS1hZXJvcHVlcnRvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Eden Park by Brava Hoteles Riudellots de la Selva </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.4 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.3 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6319">(6319 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88230" data-hbs-latitude="41.31796" data-hbs-longitude="2.07424" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0NC8xMjczMjQ0NTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244533.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244533.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6929/692905/692905164.JPEG" srcset="/data/Photos/450x450w/6929/692905/692905164.JPEG 1x, /data/Photos/700x500w/6929/692905/692905164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273243/1273243711.JPEG" srcset="/data/Photos/450x450w/12732/1273243/1273243711.JPEG 1x, /data/Photos/700x500w/12732/1273243/1273243711.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244260.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244260.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244419.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244419.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244650.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244650.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244650.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="BAH Barcelona Airport Hotel El Prat de Llobregat" data-hbs-name="BAH Barcelona Airport Hotel El Prat de Llobregat"> <a class="hotels-by-stars__title-link" href="https://bah-barcelona-airport-hotel.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYWgtYmFyY2Vsb25hLWFpcnBvcnQtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> BAH Barcelona Airport Hotel El Prat de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.5 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="12660">(12660 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88426" data-hbs-latitude="41.281475" data-hbs-longitude="1.989426" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQwMDIvMTQwMDI3NS8xNDAwMjc1NDk5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14002/1400275/1400275499.JPEG" srcset="/data/Photos/450x450w/14002/1400275/1400275499.JPEG 1x, /data/Photos/700x500w/14002/1400275/1400275499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273167/1273167559.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167559.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273167/1273167619.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167619.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273167/1273167490.JPEG" srcset="/data/Photos/450x450w/12731/1273167/1273167490.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16053/1605366/1605366264.JPEG" srcset="/data/Photos/450x450w/16053/1605366/1605366264.JPEG 1x, /data/Photos/700x500w/16053/1605366/1605366264.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15903/1590336/1590336414.JPEG" srcset="/data/Photos/450x450w/15903/1590336/1590336414.JPEG 1x, /data/Photos/700x500w/15903/1590336/1590336414.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Sb Bcn Events 4* Sup Castelldefels" data-hbs-name="Hotel Sb Bcn Events 4* Sup Castelldefels"> <a class="hotels-by-stars__title-link" href="https://sb-bcn-events-castelldefels.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9zYi1iY24tZXZlbnRzLWNhc3RlbGxkZWZlbHMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Sb Bcn Events 4* Sup Castelldefels </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5066">(5066 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88825" data-hbs-latitude="41.39813" data-hbs-longitude="2.14944" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzAwOC8xMjczMDA4Mjc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273008/1273008277.JPEG" srcset="/data/Photos/450x450w/12730/1273008/1273008277.JPEG 1x, /data/Photos/700x500w/12730/1273008/1273008277.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273006/1273006012.JPEG" srcset="/data/Photos/450x450w/12730/1273006/1273006012.JPEG 1x, /data/Photos/700x500w/12730/1273006/1273006012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273011/1273011001.JPEG" srcset="/data/Photos/450x450w/12730/1273011/1273011001.JPEG 1x, /data/Photos/700x500w/12730/1273011/1273011001.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273011/1273011475.JPEG" srcset="/data/Photos/450x450w/12730/1273011/1273011475.JPEG 1x, /data/Photos/700x500w/12730/1273011/1273011475.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273006/1273006747.JPEG" srcset="/data/Photos/450x450w/12730/1273006/1273006747.JPEG 1x, /data/Photos/700x500w/12730/1273006/1273006747.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273011/1273011667.JPEG" srcset="/data/Photos/450x450w/12730/1273011/1273011667.JPEG 1x, /data/Photos/700x500w/12730/1273011/1273011667.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Aparthotel Mariano Cubi Barcelona" data-hbs-name="Aparthotel Mariano Cubi Barcelona"> <a class="hotels-by-stars__title-link" href="https://aparthotel-mariano-cubi-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hcGFydGhvdGVsLW1hcmlhbm8tY3ViaS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Aparthotel Mariano Cubi Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.2 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2555">(2555 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88877" data-hbs-latitude="41.3854554381376" data-hbs-longitude="2.17172496020794" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMDAvMTAxMDAwMi8xMDEwMDAyMjM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10100/1010002/1010002237.JPEG" srcset="/data/Photos/450x450w/10100/1010002/1010002237.JPEG 1x, /data/Photos/700x500w/10100/1010002/1010002237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15766/1576686/1576686029.JPEG" srcset="/data/Photos/450x450w/15766/1576686/1576686029.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11004/1100405/1100405403.JPEG" srcset="/data/Photos/450x450w/11004/1100405/1100405403.JPEG 1x, /data/Photos/700x500w/11004/1100405/1100405403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498538/1498538107.JPEG" srcset="/data/Photos/450x450w/14985/1498538/1498538107.JPEG 1x, /data/Photos/700x500w/14985/1498538/1498538107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436512/1436512867.JPEG" srcset="/data/Photos/450x450w/14365/1436512/1436512867.JPEG 1x, /data/Photos/700x500w/14365/1436512/1436512867.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15766/1576686/1576686020.JPEG" srcset="/data/Photos/450x450w/15766/1576686/1576686020.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686020.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Catalunya Barcelona" data-hbs-name="Hotel Catalunya Barcelona"> <a class="hotels-by-stars__title-link" href="https://catalunya.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9jYXRhbHVueWEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Catalunya Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación privilegiada </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación privilegiada. Tiene una puntuación de 9.6 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3018">(3018 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88901" data-hbs-latitude="41.40814" data-hbs-longitude="2.21178" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA3My8xMjczMDczOTcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273073/1273073971.JPEG" srcset="/data/Photos/450x450w/12730/1273073/1273073971.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073971.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273073/1273073710.JPEG" srcset="/data/Photos/450x450w/12730/1273073/1273073710.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273073/1273073818.JPEG" srcset="/data/Photos/450x450w/12730/1273073/1273073818.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273073/1273073890.JPEG" srcset="/data/Photos/450x450w/12730/1273073/1273073890.JPEG 1x, /data/Photos/700x500w/12730/1273073/1273073890.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273074/1273074067.JPEG" srcset="/data/Photos/450x450w/12730/1273074/1273074067.JPEG 1x, /data/Photos/700x500w/12730/1273074/1273074067.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273074/1273074178.JPEG" srcset="/data/Photos/450x450w/12730/1273074/1273074178.JPEG 1x, /data/Photos/700x500w/12730/1273074/1273074178.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Vincci Marítimo Hotel Barcelona" data-hbs-name="Vincci Marítimo Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://vincci-maritimo.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly92aW5jY2ktbWFyaXRpbW8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Vincci Marítimo Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.3 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación magnífica </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación magnífica. Tiene una puntuación de 8.2 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4819">(4819 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88902" data-hbs-latitude="41.38259" data-hbs-longitude="2.13999" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIyNjgvMTIyNjg5My8xMjI2ODkzMzcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12268/1226893/1226893370.JPEG" srcset="/data/Photos/450x450w/12268/1226893/1226893370.JPEG 1x, /data/Photos/700x500w/12268/1226893/1226893370.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203071.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203071.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203071.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627203/1627203072.JPEG" srcset="/data/Photos/450x450w/16272/1627203/1627203072.JPEG 1x, /data/Photos/700x500w/16272/1627203/1627203072.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600558/1600558054.JPEG" srcset="/data/Photos/450x450w/16005/1600558/1600558054.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600558/1600558072.JPEG" srcset="/data/Photos/450x450w/16005/1600558/1600558072.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558072.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15836/1583650/1583650253.JPEG" srcset="/data/Photos/450x450w/15836/1583650/1583650253.JPEG 1x, /data/Photos/700x500w/15836/1583650/1583650253.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Abba Sants Barcelona" data-hbs-name="Hotel Abba Sants Barcelona"> <a class="hotels-by-stars__title-link" href="https://abba-sants.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hYmJhLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Abba Sants Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.6 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2550">(2550 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88912" data-hbs-latitude="41.387357" data-hbs-longitude="2.160416" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNTYvMTYxNTY0Ni8xNjE1NjQ2NzIwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615646/1615646720.JPEG" srcset="/data/Photos/450x450w/16156/1615646/1615646720.JPEG 1x, /data/Photos/700x500w/16156/1615646/1615646720.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273131/1273131559.JPEG" srcset="/data/Photos/450x450w/12731/1273131/1273131559.JPEG 1x, /data/Photos/700x500w/12731/1273131/1273131559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288451.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288451.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12004/1200438/1200438286.JPEG" srcset="/data/Photos/450x450w/12004/1200438/1200438286.JPEG 1x, /data/Photos/700x500w/12004/1200438/1200438286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12004/1200438/1200438301.JPEG" srcset="/data/Photos/450x450w/12004/1200438/1200438301.JPEG 1x, /data/Photos/700x500w/12004/1200438/1200438301.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12004/1200444/1200444976.JPEG" srcset="/data/Photos/450x450w/12004/1200444/1200444976.JPEG 1x, /data/Photos/700x500w/12004/1200444/1200444976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Axel Hotel Barcelona - Adults Only" data-hbs-name="Axel Hotel Barcelona - Adults Only"> <a class="hotels-by-stars__title-link" href="https://axel-hotel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9heGVsLWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Axel Hotel Barcelona - Adults Only </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.4 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Muy bien">Muy bien</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2873">(2873 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88940" data-hbs-latitude="41.39175" data-hbs-longitude="2.157397" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA4NS8xMjczMDg1OTYyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273085/1273085962.JPEG" srcset="/data/Photos/450x450w/12730/1273085/1273085962.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273086/1273086835.JPEG" srcset="/data/Photos/450x450w/12730/1273086/1273086835.JPEG 1x, /data/Photos/700x500w/12730/1273086/1273086835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273087/1273087507.JPEG" srcset="/data/Photos/450x450w/12730/1273087/1273087507.JPEG 1x, /data/Photos/700x500w/12730/1273087/1273087507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273088/1273088113.JPEG" srcset="/data/Photos/450x450w/12730/1273088/1273088113.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273088/1273088431.JPEG" srcset="/data/Photos/450x450w/12730/1273088/1273088431.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088431.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273087/1273087264.JPEG" srcset="/data/Photos/450x450w/12730/1273087/1273087264.JPEG 1x, /data/Photos/700x500w/12730/1273087/1273087264.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel América Barcelona" data-hbs-name="Hotel América Barcelona"> <a class="hotels-by-stars__title-link" href="https://america-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9hbWVyaWNhLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel América Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km al centro de la ciudad </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Ubicación excelente </span> <div class="hotels-by-stars__grade-details">Esta propiedad ofrece ubicación excelente. Tiene una puntuación de 9.3 sobre 10 en cuanto a la ubicación de acuerdo con los comentarios de los visitantes. ¡Debe ser un lugar conveniente para alojarse!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Excelente">Excelente</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1938">(1938 reseñas)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89000" data-hbs-latitude="41.388869" data-hbs-longitude="2.13626299999999" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTIxOS81MjE5NzgvNTIxOTc4MjE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5219/521978/521978217.JPEG" srcset="/data/Photos/450x450w/5219/521978/521978217.JPEG 1x, /data/Photos/700x500w/5219/521978/521978217.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887873.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887873.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629887/1629887879.JPEG" srcset="/data/Photos/450x450w/16298/1629887/1629887879.JPEG 1x, /data/Photos/700x500w/16298/1629887/1629887879.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16201/1620199/1620199170.JPEG" srcset="/data/Photos/450x450w/16201/1620199/1620199170.JPEG 1x, /data/Photos/700x500w/16201/1620199/1620199170.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16201/1620199/1620199169.JPEG" srcset="/data/Photos/450x450w/16201/1620199/1620199169.JPEG 1x, /data/Photos/700x500w/16201/1620199/1620199169.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16147/1614775/1614775404.JPEG" srcset="/data/Photos/450x450w/16147/1614775/1614775404.JPEG 1x, /data/Photos/700x500w/16147/1614775/1614775404.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel NH Collection Barcelona Constanza" data-hbs-name="Hotel NH Collection Barcelona Constanza"> <a class="hotels-by-stars__title-link" href="https://nh-collection-constanza.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9uaC1jb2xsZWN0aW9uLWNvbnN0YW56YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel NH Collection Barcelona Constanza </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89015" data-hbs-latitude="41.40649" data-hbs-longitude="2.15244" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE4MC80MTgwMzkvNDE4MDM5NjY4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4180/418039/418039668.JPEG" srcset="/data/Photos/450x450w/4180/418039/418039668.JPEG 1x, /data/Photos/700x500w/4180/418039/418039668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589169/1589169202.JPEG" srcset="/data/Photos/450x450w/15891/1589169/1589169202.JPEG 1x, /data/Photos/700x500w/15891/1589169/1589169202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11941/1194144/1194144688.JPEG" srcset="/data/Photos/450x450w/11941/1194144/1194144688.JPEG 1x, /data/Photos/700x500w/11941/1194144/1194144688.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11973/1197393/1197393223.JPEG" srcset="/data/Photos/450x450w/11973/1197393/1197393223.JPEG 1x, /data/Photos/700x500w/11973/1197393/1197393223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11941/1194143/1194143452.JPEG" srcset="/data/Photos/450x450w/11941/1194143/1194143452.JPEG 1x, /data/Photos/700x500w/11941/1194143/1194143452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11941/1194144/1194144631.JPEG" srcset="/data/Photos/450x450w/11941/1194144/1194144631.JPEG 1x, /data/Photos/700x500w/11941/1194144/1194144631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Apartamento Residencia Erasmus Gracia Barcelona" data-hbs-name="Apartamento Residencia Erasmus Gracia Barcelona"> <a class="hotels-by-stars__title-link" href="https://residencia-erasmus-gracia.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9yZXNpZGVuY2lhLWVyYXNtdXMtZ3JhY2lhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Apartamento Residencia Erasmus Gracia Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="116605" data-hbs-latitude="41.848716" data-hbs-longitude="2.689308" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE3OTAvMTE3OTAzNC8xMTc5MDM0OTI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11790/1179034/1179034927.JPEG" srcset="/data/Photos/450x450w/11790/1179034/1179034927.JPEG 1x, /data/Photos/700x500w/11790/1179034/1179034927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278918/1278918205.JPEG" srcset="/data/Photos/450x450w/12789/1278918/1278918205.JPEG 1x, /data/Photos/700x500w/12789/1278918/1278918205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278918/1278918265.JPEG" srcset="/data/Photos/450x450w/12789/1278918/1278918265.JPEG 1x, /data/Photos/700x500w/12789/1278918/1278918265.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278918/1278918508.JPEG" srcset="/data/Photos/450x450w/12789/1278918/1278918508.JPEG 1x, /data/Photos/700x500w/12789/1278918/1278918508.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278919/1278919906.JPEG" srcset="/data/Photos/450x450w/12789/1278919/1278919906.JPEG 1x, /data/Photos/700x500w/12789/1278919/1278919906.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278920/1278920041.JPEG" srcset="/data/Photos/450x450w/12789/1278920/1278920041.JPEG 1x, /data/Photos/700x500w/12789/1278920/1278920041.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Mas Sola Santa Coloma De Farners" data-hbs-name="Hotel Mas Sola Santa Coloma De Farners"> <a class="hotels-by-stars__title-link" href="https://mas-sola.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9tYXMtc29sYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hotel Mas Sola Santa Coloma De Farners </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126227" data-hbs-latitude="41.3779276019715" data-hbs-longitude="2.08476305007935" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzNjQvMTQzNjQ0Ni8xNDM2NDQ2MDAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14364/1436446/1436446003.JPEG" srcset="/data/Photos/450x450w/14364/1436446/1436446003.JPEG 1x, /data/Photos/700x500w/14364/1436446/1436446003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11992/1199263/1199263057.JPEG" srcset="/data/Photos/450x450w/11992/1199263/1199263057.JPEG 1x, /data/Photos/700x500w/11992/1199263/1199263057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12006/1200634/1200634435.JPEG" srcset="/data/Photos/450x450w/12006/1200634/1200634435.JPEG 1x, /data/Photos/700x500w/12006/1200634/1200634435.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11992/1199270/1199270350.JPEG" srcset="/data/Photos/450x450w/11992/1199270/1199270350.JPEG 1x, /data/Photos/700x500w/11992/1199270/1199270350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11992/1199270/1199270056.JPEG" srcset="/data/Photos/450x450w/11992/1199270/1199270056.JPEG 1x, /data/Photos/700x500w/11992/1199270/1199270056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11992/1199270/1199270299.JPEG" srcset="/data/Photos/450x450w/11992/1199270/1199270299.JPEG 1x, /data/Photos/700x500w/11992/1199270/1199270299.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Lami Esplugues de Llobregat" data-hbs-name="Hostal Lami Esplugues de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hostal-lami.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtbGFtaS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hostal Lami Esplugues de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="168740" data-hbs-latitude="41.32164" data-hbs-longitude="2.02881" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU3NjcvMTU3NjcxNy8xNTc2NzE3NjU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576717/1576717658.JPEG" srcset="/data/Photos/450x450w/15767/1576717/1576717658.JPEG 1x, /data/Photos/700x500w/15767/1576717/1576717658.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16016/1601683/1601683595.JPEG" srcset="/data/Photos/450x450w/16016/1601683/1601683595.JPEG 1x, /data/Photos/700x500w/16016/1601683/1601683595.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14057/1405726/1405726460.JPEG" srcset="/data/Photos/450x450w/14057/1405726/1405726460.JPEG 1x, /data/Photos/700x500w/14057/1405726/1405726460.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14105/1410520/1410520082.JPEG" srcset="/data/Photos/450x450w/14105/1410520/1410520082.JPEG 1x, /data/Photos/700x500w/14105/1410520/1410520082.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14210/1421030/1421030871.JPEG" srcset="/data/Photos/450x450w/14210/1421030/1421030871.JPEG 1x, /data/Photos/700x500w/14210/1421030/1421030871.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14210/1421032/1421032791.JPEG" srcset="/data/Photos/450x450w/14210/1421032/1421032791.JPEG 1x, /data/Photos/700x500w/14210/1421032/1421032791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibis Barcelona Aeropuerto Viladecans" data-hbs-name="Hotel Ibis Barcelona Aeropuerto Viladecans"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-aeropuerto-viladecans.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1hZXJvcHVlcnRvLXZpbGFkZWNhbnMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hotel Ibis Barcelona Aeropuerto Viladecans </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="228686" data-hbs-latitude="41.37898" data-hbs-longitude="2.16949" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDQ2NC80NDY0MTMvNDQ2NDEzMzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4464/446413/446413332.JPEG" srcset="/data/Photos/450x450w/4464/446413/446413332.JPEG 1x, /data/Photos/700x500w/4464/446413/446413332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580375/1580375695.JPEG" srcset="/data/Photos/450x450w/15803/1580375/1580375695.JPEG 1x, /data/Photos/700x500w/15803/1580375/1580375695.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13425/1342571/1342571174.JPEG" srcset="/data/Photos/450x450w/13425/1342571/1342571174.JPEG 1x, /data/Photos/700x500w/13425/1342571/1342571174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13453/1345398/1345398542.JPEG" srcset="/data/Photos/450x450w/13453/1345398/1345398542.JPEG 1x, /data/Photos/700x500w/13453/1345398/1345398542.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13454/1345421/1345421003.JPEG" srcset="/data/Photos/450x450w/13454/1345421/1345421003.JPEG 1x, /data/Photos/700x500w/13454/1345421/1345421003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13454/1345436/1345436729.JPEG" srcset="/data/Photos/450x450w/13454/1345436/1345436729.JPEG 1x, /data/Photos/700x500w/13454/1345436/1345436729.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Barceló Raval Barcelona" data-hbs-name="Hotel Barceló Raval Barcelona"> <a class="hotels-by-stars__title-link" href="https://barcelo-raval.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXJhdmFsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel Barceló Raval Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="279213" data-hbs-latitude="41.38154" data-hbs-longitude="2.17438" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk2LzY5NjU4LzY5NjU4NzU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658754.JPEG" srcset="/data/Photos/450x450w/696/69658/69658754.JPEG 1x, /data/Photos/700x500w/696/69658/69658754.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9615/961503/961503811.JPEG" srcset="/data/Photos/450x450w/9615/961503/961503811.JPEG 1x, /data/Photos/700x500w/9615/961503/961503811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658733.JPEG" srcset="/data/Photos/450x450w/696/69658/69658733.JPEG 1x, /data/Photos/700x500w/696/69658/69658733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658745.JPEG" srcset="/data/Photos/450x450w/696/69658/69658745.JPEG 1x, /data/Photos/700x500w/696/69658/69658745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658748.JPEG" srcset="/data/Photos/450x450w/696/69658/69658748.JPEG 1x, /data/Photos/700x500w/696/69658/69658748.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658724.JPEG" srcset="/data/Photos/450x450w/696/69658/69658724.JPEG 1x, /data/Photos/700x500w/696/69658/69658724.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Europa Barcelona" data-hbs-name="Hostal Europa Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-europa.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZXVyb3BhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hostal Europa Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="295753" data-hbs-latitude="41.379247878998" data-hbs-longitude="2.14285969734192" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNjQvMTYxNjQxOC8xNjE2NDE4MzQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16164/1616418/1616418349.JPEG" srcset="/data/Photos/450x450w/16164/1616418/1616418349.JPEG 1x, /data/Photos/700x500w/16164/1616418/1616418349.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081660.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081660.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081660.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081168.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081168.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273081/1273081726.JPEG" srcset="/data/Photos/450x450w/12730/1273081/1273081726.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081726.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629388/1629388973.JPEG" srcset="/data/Photos/450x450w/16293/1629388/1629388973.JPEG 1x, /data/Photos/700x500w/16293/1629388/1629388973.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629388/1629388975.JPEG" srcset="/data/Photos/450x450w/16293/1629388/1629388975.JPEG 1x, /data/Photos/700x500w/16293/1629388/1629388975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Expo Hotel Barcelona" data-hbs-name="Expo Hotel Barcelona"> <a class="hotels-by-stars__title-link" href="https://expo-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9leHBvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Expo Hotel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="343256" data-hbs-latitude="41.392471234893726" data-hbs-longitude="2.169857411344225" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE3OC80MTc4MzEvNDE3ODMxNDcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4178/417831/417831471.JPEG" srcset="/data/Photos/450x450w/4178/417831/417831471.JPEG 1x, /data/Photos/700x500w/4178/417831/417831471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12080/1208043/1208043943.JPEG" srcset="/data/Photos/450x450w/12080/1208043/1208043943.JPEG 1x, /data/Photos/700x500w/12080/1208043/1208043943.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2544/254439/254439445.JPEG" srcset="/data/Photos/450x450w/2544/254439/254439445.JPEG 1x, /data/Photos/700x500w/2544/254439/254439445.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2544/254439/254439385.JPEG" srcset="/data/Photos/450x450w/2544/254439/254439385.JPEG 1x, /data/Photos/700x500w/2544/254439/254439385.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2544/254439/254439397.JPEG" srcset="/data/Photos/450x450w/2544/254439/254439397.JPEG 1x, /data/Photos/700x500w/2544/254439/254439397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2544/254439/254439433.JPEG" srcset="/data/Photos/450x450w/2544/254439/254439433.JPEG 1x, /data/Photos/700x500w/2544/254439/254439433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Bcn 46 Barcelona" data-hbs-name="Hostal Bcn 46 Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-bcn-46.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtYmNuLTQ2LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hostal Bcn 46 Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="346186" data-hbs-latitude="41.37745" data-hbs-longitude="2.12268" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMTUvMTYzMTU1My8xNjMxNTUzNzU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631553/1631553759.JPEG" srcset="/data/Photos/450x450w/16315/1631553/1631553759.JPEG 1x, /data/Photos/700x500w/16315/1631553/1631553759.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631553/1631553745.JPEG" srcset="/data/Photos/450x450w/16315/1631553/1631553745.JPEG 1x, /data/Photos/700x500w/16315/1631553/1631553745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631553/1631553752.JPEG" srcset="/data/Photos/450x450w/16315/1631553/1631553752.JPEG 1x, /data/Photos/700x500w/16315/1631553/1631553752.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580447/1580447681.JPEG" srcset="/data/Photos/450x450w/15804/1580447/1580447681.JPEG 1x, /data/Photos/700x500w/15804/1580447/1580447681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580447/1580447691.JPEG" srcset="/data/Photos/450x450w/15804/1580447/1580447691.JPEG 1x, /data/Photos/700x500w/15804/1580447/1580447691.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16315/1631553/1631553744.JPEG" srcset="/data/Photos/450x450w/16315/1631553/1631553744.JPEG 1x, /data/Photos/700x500w/16315/1631553/1631553744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Conde Güell Barcelona" data-hbs-name="Hostal Conde Güell Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-conde-guell.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtY29uZGUtZ3VlbGwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostal Conde Güell Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="354107" data-hbs-latitude="41.34746" data-hbs-longitude="2.04194" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjY0Ny82NjQ3MjEvNjY0NzIxNjUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6647/664721/664721652.JPEG" srcset="/data/Photos/450x450w/6647/664721/664721652.JPEG 1x, /data/Photos/700x500w/6647/664721/664721652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/276/27609/27609245.JPEG" srcset="/data/Photos/450x450w/276/27609/27609245.JPEG 1x, /data/Photos/700x500w/276/27609/27609245.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12627/1262769/1262769271.JPEG" srcset="/data/Photos/450x450w/12627/1262769/1262769271.JPEG 1x, /data/Photos/700x500w/12627/1262769/1262769271.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12627/1262770/1262770054.JPEG" srcset="/data/Photos/450x450w/12627/1262770/1262770054.JPEG 1x, /data/Photos/700x500w/12627/1262770/1262770054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12627/1262776/1262776201.JPEG" srcset="/data/Photos/450x450w/12627/1262776/1262776201.JPEG 1x, /data/Photos/700x500w/12627/1262776/1262776201.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12644/1264424/1264424530.JPEG" srcset="/data/Photos/450x450w/12644/1264424/1264424530.JPEG 1x, /data/Photos/700x500w/12644/1264424/1264424530.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Rambla Sant Boi de Llobregat" data-hbs-name="Hostal Rambla Sant Boi de Llobregat"> <a class="hotels-by-stars__title-link" href="https://hostal-rambla.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtcmFtYmxhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hostal Rambla Sant Boi de Llobregat </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="362736" data-hbs-latitude="41.37289" data-hbs-longitude="2.16636" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQ3NC8xNTgwNDc0MzY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580474/1580474367.JPEG" srcset="/data/Photos/450x450w/15804/1580474/1580474367.JPEG 1x, /data/Photos/700x500w/15804/1580474/1580474367.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548862/548862012.JPEG" srcset="/data/Photos/450x450w/5488/548862/548862012.JPEG 1x, /data/Photos/700x500w/5488/548862/548862012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548843/548843757.JPEG" srcset="/data/Photos/450x450w/5488/548843/548843757.JPEG 1x, /data/Photos/700x500w/5488/548843/548843757.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548860/548860167.JPEG" srcset="/data/Photos/450x450w/5488/548860/548860167.JPEG 1x, /data/Photos/700x500w/5488/548860/548860167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548859/548859795.JPEG" srcset="/data/Photos/450x450w/5488/548859/548859795.JPEG 1x, /data/Photos/700x500w/5488/548859/548859795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548859/548859531.JPEG" srcset="/data/Photos/450x450w/5488/548859/548859531.JPEG 1x, /data/Photos/700x500w/5488/548859/548859531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Barcelona" data-hbs-name="Hostal Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-barcelona-08004.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtYmFyY2Vsb25hLTA4MDA0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hostal Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="379584" data-hbs-latitude="41.38149" data-hbs-longitude="2.17344" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzIxLzcyMTYyLzcyMTYyMDE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/721/72162/72162017.JPEG" srcset="/data/Photos/450x450w/721/72162/72162017.JPEG 1x, /data/Photos/700x500w/721/72162/72162017.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7909/790915/790915152.JPEG" srcset="/data/Photos/450x450w/7909/790915/790915152.JPEG 1x, /data/Photos/700x500w/7909/790915/790915152.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7909/790916/790916493.JPEG" srcset="/data/Photos/450x450w/7909/790916/790916493.JPEG 1x, /data/Photos/700x500w/7909/790916/790916493.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7909/790924/790924485.JPEG" srcset="/data/Photos/450x450w/7909/790924/790924485.JPEG 1x, /data/Photos/700x500w/7909/790924/790924485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7909/790925/790925208.JPEG" srcset="/data/Photos/450x450w/7909/790925/790925208.JPEG 1x, /data/Photos/700x500w/7909/790925/790925208.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7909/790925/790925334.JPEG" srcset="/data/Photos/450x450w/7909/790925/790925334.JPEG 1x, /data/Photos/700x500w/7909/790925/790925334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Paris Barcelona" data-hbs-name="Hostal Paris Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-paris-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtcGFyaXMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hostal Paris Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="399873" data-hbs-latitude="41.3823" data-hbs-longitude="2.16409" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwNTMvMTAwNTMxNy8xMDA1MzE3OTI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10053/1005317/1005317929.JPEG" srcset="/data/Photos/450x450w/10053/1005317/1005317929.JPEG 1x, /data/Photos/700x500w/10053/1005317/1005317929.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10066/1006638/1006638220.JPEG" srcset="/data/Photos/450x450w/10066/1006638/1006638220.JPEG 1x, /data/Photos/700x500w/10066/1006638/1006638220.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10066/1006638/1006638697.JPEG" srcset="/data/Photos/450x450w/10066/1006638/1006638697.JPEG 1x, /data/Photos/700x500w/10066/1006638/1006638697.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10066/1006638/1006638817.JPEG" srcset="/data/Photos/450x450w/10066/1006638/1006638817.JPEG 1x, /data/Photos/700x500w/10066/1006638/1006638817.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10066/1006639/1006639555.JPEG" srcset="/data/Photos/450x450w/10066/1006639/1006639555.JPEG 1x, /data/Photos/700x500w/10066/1006639/1006639555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10053/1005317/1005317944.JPEG" srcset="/data/Photos/450x450w/10053/1005317/1005317944.JPEG 1x, /data/Photos/700x500w/10053/1005317/1005317944.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Radio Barcelona" data-hbs-name="Hostal Radio Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-radio.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtcmFkaW8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostal Radio Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="433455" data-hbs-latitude="41.37381" data-hbs-longitude="2.16944" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMyMzkvMTMyMzkxMy8xMzIzOTEzMzEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13239/1323913/1323913312.JPEG" srcset="/data/Photos/450x450w/13239/1323913/1323913312.JPEG 1x, /data/Photos/700x500w/13239/1323913/1323913312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11543/1154375/1154375259.JPEG" srcset="/data/Photos/450x450w/11543/1154375/1154375259.JPEG 1x, /data/Photos/700x500w/11543/1154375/1154375259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13203/1320318/1320318142.JPEG" srcset="/data/Photos/450x450w/13203/1320318/1320318142.JPEG 1x, /data/Photos/700x500w/13203/1320318/1320318142.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13203/1320320/1320320857.JPEG" srcset="/data/Photos/450x450w/13203/1320320/1320320857.JPEG 1x, /data/Photos/700x500w/13203/1320320/1320320857.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9787/978753/978753184.JPEG" srcset="/data/Photos/450x450w/9787/978753/978753184.JPEG 1x, /data/Photos/700x500w/9787/978753/978753184.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9746/974621/974621254.JPEG" srcset="/data/Photos/450x450w/9746/974621/974621254.JPEG 1x, /data/Photos/700x500w/9746/974621/974621254.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Apolo Barcelona" data-hbs-name="Hostal Apolo Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-apolo.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtYXBvbG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostal Apolo Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="451386" data-hbs-latitude="41.37503" data-hbs-longitude="2.13547" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MjAvMTU5MjA2My8xNTkyMDYzMDkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592063/1592063090.JPEG" srcset="/data/Photos/450x450w/15920/1592063/1592063090.JPEG 1x, /data/Photos/700x500w/15920/1592063/1592063090.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16450/1645016/1645016652.JPEG" srcset="/data/Photos/450x450w/16450/1645016/1645016652.JPEG 1x, /data/Photos/700x500w/16450/1645016/1645016652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893204.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893204.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893204.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611091/1611091672.JPEG" srcset="/data/Photos/450x450w/16110/1611091/1611091672.JPEG 1x, /data/Photos/700x500w/16110/1611091/1611091672.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611091/1611091676.JPEG" srcset="/data/Photos/450x450w/16110/1611091/1611091676.JPEG 1x, /data/Photos/700x500w/16110/1611091/1611091676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16423/1642328/1642328658.JPEG" srcset="/data/Photos/450x450w/16423/1642328/1642328658.JPEG 1x, /data/Photos/700x500w/16423/1642328/1642328658.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal Sans Barcelona" data-hbs-name="Hostal Sans Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-sans.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtc2Fucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Hostal Sans Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="455170" data-hbs-latitude="41.406608581543" data-hbs-longitude="2.17298007011414" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzUwNi83NTA2NDcvNzUwNjQ3NTczLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7506/750647/750647573.JPEG" srcset="/data/Photos/450x450w/7506/750647/750647573.JPEG 1x, /data/Photos/700x500w/7506/750647/750647573.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842113.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842113.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7506/750646/750646199.JPEG" srcset="/data/Photos/450x450w/7506/750646/750646199.JPEG 1x, /data/Photos/700x500w/7506/750646/750646199.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7506/750646/750646343.JPEG" srcset="/data/Photos/450x450w/7506/750646/750646343.JPEG 1x, /data/Photos/700x500w/7506/750646/750646343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7506/750646/750646391.JPEG" srcset="/data/Photos/450x450w/7506/750646/750646391.JPEG 1x, /data/Photos/700x500w/7506/750646/750646391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7506/750646/750646403.JPEG" srcset="/data/Photos/450x450w/7506/750646/750646403.JPEG 1x, /data/Photos/700x500w/7506/750646/750646403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Bcn Condal Hostal Barcelona" data-hbs-name="Bcn Condal Hostal Barcelona"> <a class="hotels-by-stars__title-link" href="https://bc-bcn.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9iYy1iY24uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Bcn Condal Hostal Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="530387" data-hbs-latitude="41.38045" data-hbs-longitude="2.17947" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDYvMTU4MDY0NS8xNTgwNjQ1MDIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580645/1580645021.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645021.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645021.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4184/418492/418492161.JPEG" srcset="/data/Photos/450x450w/4184/418492/418492161.JPEG 1x, /data/Photos/700x500w/4184/418492/418492161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580645/1580645017.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645017.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645017.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580645/1580645093.JPEG" srcset="/data/Photos/450x450w/15806/1580645/1580645093.JPEG 1x, /data/Photos/700x500w/15806/1580645/1580645093.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6404/640412/640412895.JPEG" srcset="/data/Photos/450x450w/6404/640412/640412895.JPEG 1x, /data/Photos/700x500w/6404/640412/640412895.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6404/640410/640410252.JPEG" srcset="/data/Photos/450x450w/6404/640410/640410252.JPEG 1x, /data/Photos/700x500w/6404/640410/640410252.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel New York Barcelona" data-hbs-name="Hostel New York Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostel-new-york.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtbmV3LXlvcmsuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostel New York Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="531262" data-hbs-latitude="41.3919" data-hbs-longitude="2.15221" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyMDIvMTYyMDIwOS8xNjIwMjA5OTM2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16202/1620209/1620209936.JPEG" srcset="/data/Photos/450x450w/16202/1620209/1620209936.JPEG 1x, /data/Photos/700x500w/16202/1620209/1620209936.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646349/1646349373.JPEG" srcset="/data/Photos/450x450w/16463/1646349/1646349373.JPEG 1x, /data/Photos/700x500w/16463/1646349/1646349373.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646349/1646349371.JPEG" srcset="/data/Photos/450x450w/16463/1646349/1646349371.JPEG 1x, /data/Photos/700x500w/16463/1646349/1646349371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16202/1620209/1620209935.JPEG" srcset="/data/Photos/450x450w/16202/1620209/1620209935.JPEG 1x, /data/Photos/700x500w/16202/1620209/1620209935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16202/1620209/1620209937.JPEG" srcset="/data/Photos/450x450w/16202/1620209/1620209937.JPEG 1x, /data/Photos/700x500w/16202/1620209/1620209937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16202/1620209/1620209926.JPEG" srcset="/data/Photos/450x450w/16202/1620209/1620209926.JPEG 1x, /data/Photos/700x500w/16202/1620209/1620209926.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostal El Ninot Barcelona" data-hbs-name="Hostal El Ninot Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostal-el-ninot.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZWwtbmlub3QuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostal El Ninot Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="541886" data-hbs-latitude="41.399122" data-hbs-longitude="2.162742" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzExOC8xMjczMTE4NDAxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273118/1273118401.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118401.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273118/1273118839.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118839.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118839.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120048.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120048.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120048.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120174.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120174.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273117/1273117114.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117114.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117114.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273119/1273119976.JPEG" srcset="/data/Photos/450x450w/12731/1273119/1273119976.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Generator Barcelona Albergue" data-hbs-name="Generator Barcelona Albergue"> <a class="hotels-by-stars__title-link" href="https://generator-hostel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9nZW5lcmF0b3ItaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Generator Barcelona Albergue </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="574283" data-hbs-latitude="41.39977" data-hbs-longitude="2.20089" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE5My8xMjczMTkzNTAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273193/1273193503.JPEG" srcset="/data/Photos/450x450w/12731/1273193/1273193503.JPEG 1x, /data/Photos/700x500w/12731/1273193/1273193503.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273195/1273195183.JPEG" srcset="/data/Photos/450x450w/12731/1273195/1273195183.JPEG 1x, /data/Photos/700x500w/12731/1273195/1273195183.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190191.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190191.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190191.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15553/1555311/1555311103.JPEG" srcset="/data/Photos/450x450w/15553/1555311/1555311103.JPEG 1x, /data/Photos/700x500w/15553/1555311/1555311103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273195/1273195030.JPEG" srcset="/data/Photos/450x450w/12731/1273195/1273195030.JPEG 1x, /data/Photos/700x500w/12731/1273195/1273195030.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273195/1273195648.JPEG" srcset="/data/Photos/450x450w/12731/1273195/1273195648.JPEG 1x, /data/Photos/700x500w/12731/1273195/1273195648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Travelodge Barcelona Poblenou" data-hbs-name="Travelodge Barcelona Poblenou"> <a class="hotels-by-stars__title-link" href="https://travelodge-barcelona-poblenou.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly90cmF2ZWxvZGdlLWJhcmNlbG9uYS1wb2JsZW5vdS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Travelodge Barcelona Poblenou </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="699803" data-hbs-latitude="41.38476" data-hbs-longitude="2.162473" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzAvMTI3MzA4Mi8xMjczMDgyMTk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082197.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082197.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098629.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098629.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082533.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082533.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098625.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098625.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098625.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602980/1602980992.JPEG" srcset="/data/Photos/450x450w/16029/1602980/1602980992.JPEG 1x, /data/Photos/700x500w/16029/1602980/1602980992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602981/1602981000.JPEG" srcset="/data/Photos/450x450w/16029/1602981/1602981000.JPEG 1x, /data/Photos/700x500w/16029/1602981/1602981000.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="TOC Hostel Barcelona" data-hbs-name="TOC Hostel Barcelona"> <a class="hotels-by-stars__title-link" href="https://toc-hostel-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly90b2MtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> TOC Hostel Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="860893" data-hbs-latitude="41.27189583606489" data-hbs-longitude="2.028458252639771" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTY2OC85NjY4NDQvOTY2ODQ0OTMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9668/966844/966844930.JPEG" srcset="/data/Photos/450x450w/9668/966844/966844930.JPEG 1x, /data/Photos/700x500w/9668/966844/966844930.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16279/1627942/1627942391.JPEG" srcset="/data/Photos/450x450w/16279/1627942/1627942391.JPEG 1x, /data/Photos/700x500w/16279/1627942/1627942391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13202/1320278/1320278257.JPEG" srcset="/data/Photos/450x450w/13202/1320278/1320278257.JPEG 1x, /data/Photos/700x500w/13202/1320278/1320278257.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13204/1320404/1320404332.JPEG" srcset="/data/Photos/450x450w/13204/1320404/1320404332.JPEG 1x, /data/Photos/700x500w/13204/1320404/1320404332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13203/1320351/1320351220.JPEG" srcset="/data/Photos/450x450w/13203/1320351/1320351220.JPEG 1x, /data/Photos/700x500w/13203/1320351/1320351220.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12045/1204569/1204569790.JPEG" srcset="/data/Photos/450x450w/12045/1204569/1204569790.JPEG 1x, /data/Photos/700x500w/12045/1204569/1204569790.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Motel Punt 14 Gavà" data-hbs-name="Motel Punt 14 Gavà"> <a class="hotels-by-stars__title-link" href="https://motel-punt-14.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9tb3RlbC1wdW50LTE0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Motel Punt 14 Gavà </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1286311" data-hbs-latitude="41.4" data-hbs-longitude="2.16445" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjMxMS82MzExNTAvNjMxMTUwNjQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6311/631150/631150647.JPEG" srcset="/data/Photos/450x450w/6311/631150/631150647.JPEG 1x, /data/Photos/700x500w/6311/631150/631150647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839693.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839693.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839693.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839735.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839735.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839738.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839738.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839780.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839780.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839780.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007840/1007840005.JPEG" srcset="/data/Photos/450x450w/10078/1007840/1007840005.JPEG 1x, /data/Photos/700x500w/10078/1007840/1007840005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Yeah Barcelona Hostel" data-hbs-name="Yeah Barcelona Hostel"> <a class="hotels-by-stars__title-link" href="https://yeah-barcelona-hostel.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly95ZWFoLWJhcmNlbG9uYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Yeah Barcelona Hostel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3220374" data-hbs-latitude="41.40396" data-hbs-longitude="2.16939" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODkvMTI3ODkxNy8xMjc4OTE3OTIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278917/1278917923.JPEG" srcset="/data/Photos/450x450w/12789/1278917/1278917923.JPEG 1x, /data/Photos/700x500w/12789/1278917/1278917923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915727.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915727.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915391.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915391.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278918/1278918184.JPEG" srcset="/data/Photos/450x450w/12789/1278918/1278918184.JPEG 1x, /data/Photos/700x500w/12789/1278918/1278918184.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915853.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915853.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915853.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278917/1278917962.JPEG" srcset="/data/Photos/450x450w/12789/1278917/1278917962.JPEG 1x, /data/Photos/700x500w/12789/1278917/1278917962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Radisson Blu 1882 Hotel, Barcelona Sagrada Familia" data-hbs-name="Radisson Blu 1882 Hotel, Barcelona Sagrada Familia"> <a class="hotels-by-stars__title-link" href="https://hotel-barcelona-1882.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1iYXJjZWxvbmEtMTg4Mi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Radisson Blu 1882 Hotel, Barcelona Sagrada Familia </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8636554" data-hbs-latitude="41.39904" data-hbs-longitude="2.1578" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUwMDAvMTUwMDA3My8xNTAwMDczNDI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15000/1500073/1500073426.JPEG" srcset="/data/Photos/450x450w/15000/1500073/1500073426.JPEG 1x, /data/Photos/700x500w/15000/1500073/1500073426.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15026/1502692/1502692165.JPEG" srcset="/data/Photos/450x450w/15026/1502692/1502692165.JPEG 1x, /data/Photos/700x500w/15026/1502692/1502692165.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10071/1007107/1007107018.JPEG" srcset="/data/Photos/450x450w/10071/1007107/1007107018.JPEG 1x, /data/Photos/700x500w/10071/1007107/1007107018.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10071/1007107/1007107882.JPEG" srcset="/data/Photos/450x450w/10071/1007107/1007107882.JPEG 1x, /data/Photos/700x500w/10071/1007107/1007107882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10071/1007107/1007107909.JPEG" srcset="/data/Photos/450x450w/10071/1007107/1007107909.JPEG 1x, /data/Photos/700x500w/10071/1007107/1007107909.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10071/1007109/1007109646.JPEG" srcset="/data/Photos/450x450w/10071/1007109/1007109646.JPEG 1x, /data/Photos/700x500w/10071/1007109/1007109646.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Arc House Gracia Albergue Barcelona" data-hbs-name="Arc House Gracia Albergue Barcelona"> <a class="hotels-by-stars__title-link" href="https://gracia-city-by-arc-house.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ncmFjaWEtY2l0eS1ieS1hcmMtaG91c2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Arc House Gracia Albergue Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10547402" data-hbs-latitude="41.357293" data-hbs-longitude="2.13782" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MTAvMTI3MTAxNy8xMjcxMDE3NjI0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12710/1271017/1271017624.JPEG" srcset="/data/Photos/450x450w/12710/1271017/1271017624.JPEG 1x, /data/Photos/700x500w/12710/1271017/1271017624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16445/1644512/1644512133.JPEG" srcset="/data/Photos/450x450w/16445/1644512/1644512133.JPEG 1x, /data/Photos/700x500w/16445/1644512/1644512133.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921897.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921897.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921900.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921900.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921900.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921904.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921904.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16309/1630921/1630921906.JPEG" srcset="/data/Photos/450x450w/16309/1630921/1630921906.JPEG 1x, /data/Photos/700x500w/16309/1630921/1630921906.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Leonardo Royal Hotel Barcelona Fira" data-hbs-name="Leonardo Royal Hotel Barcelona Fira"> <a class="hotels-by-stars__title-link" href="https://leonardo-royal-hotel-barcelona-fira.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9sZW9uYXJkby1yb3lhbC1ob3RlbC1iYXJjZWxvbmEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Leonardo Royal Hotel Barcelona Fira </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10557041" data-hbs-latitude="41.44359" data-hbs-longitude="2.17842" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzNzIvMTUzNzI2NC8xNTM3MjY0ODYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15372/1537264/1537264861.JPEG" srcset="/data/Photos/450x450w/15372/1537264/1537264861.JPEG 1x, /data/Photos/700x500w/15372/1537264/1537264861.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12250/1225054/1225054145.JPEG" srcset="/data/Photos/450x450w/12250/1225054/1225054145.JPEG 1x, /data/Photos/700x500w/12250/1225054/1225054145.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203906/1203906802.JPEG" srcset="/data/Photos/450x450w/12039/1203906/1203906802.JPEG 1x, /data/Photos/700x500w/12039/1203906/1203906802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203906/1203906832.JPEG" srcset="/data/Photos/450x450w/12039/1203906/1203906832.JPEG 1x, /data/Photos/700x500w/12039/1203906/1203906832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203906/1203906844.JPEG" srcset="/data/Photos/450x450w/12039/1203906/1203906844.JPEG 1x, /data/Photos/700x500w/12039/1203906/1203906844.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203908/1203908851.JPEG" srcset="/data/Photos/450x450w/12039/1203908/1203908851.JPEG 1x, /data/Photos/700x500w/12039/1203908/1203908851.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostelle Barcelona" data-hbs-name="Hostelle Barcelona"> <a class="hotels-by-stars__title-link" href="https://hostelle-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWxsZS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS9lcy8="> Hostelle Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11672181" data-hbs-latitude="41.40037" data-hbs-longitude="2.2057" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI2NTIvMTI2NTI5Ni8xMjY1Mjk2NzA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12652/1265296/1265296705.JPEG" srcset="/data/Photos/450x450w/12652/1265296/1265296705.JPEG 1x, /data/Photos/700x500w/12652/1265296/1265296705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15439/1543948/1543948366.JPEG" srcset="/data/Photos/450x450w/15439/1543948/1543948366.JPEG 1x, /data/Photos/700x500w/15439/1543948/1543948366.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15438/1543813/1543813591.JPEG" srcset="/data/Photos/450x450w/15438/1543813/1543813591.JPEG 1x, /data/Photos/700x500w/15438/1543813/1543813591.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14003/1400303/1400303636.JPEG" srcset="/data/Photos/450x450w/14003/1400303/1400303636.JPEG 1x, /data/Photos/700x500w/14003/1400303/1400303636.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12699/1269929/1269929935.JPEG" srcset="/data/Photos/450x450w/12699/1269929/1269929935.JPEG 1x, /data/Photos/700x500w/12699/1269929/1269929935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12699/1269929/1269929077.JPEG" srcset="/data/Photos/450x450w/12699/1269929/1269929077.JPEG 1x, /data/Photos/700x500w/12699/1269929/1269929077.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Zero Barcelona Albergue" data-hbs-name="Zero Barcelona Albergue"> <a class="hotels-by-stars__title-link" href="https://zero-barcelona.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly96ZXJvLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL2VzLw=="> Zero Barcelona Albergue </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="15880780" data-hbs-latitude="41.39871" data-hbs-longitude="2.1522" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM4OTcvMTM4OTc2OC8xMzg5NzY4ODYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13897/1389768/1389768863.JPEG" srcset="/data/Photos/450x450w/13897/1389768/1389768863.JPEG 1x, /data/Photos/700x500w/13897/1389768/1389768863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13897/1389766/1389766940.JPEG" srcset="/data/Photos/450x450w/13897/1389766/1389766940.JPEG 1x, /data/Photos/700x500w/13897/1389766/1389766940.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13897/1389767/1389767318.JPEG" srcset="/data/Photos/450x450w/13897/1389767/1389767318.JPEG 1x, /data/Photos/700x500w/13897/1389767/1389767318.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13897/1389767/1389767333.JPEG" srcset="/data/Photos/450x450w/13897/1389767/1389767333.JPEG 1x, /data/Photos/700x500w/13897/1389767/1389767333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13897/1389769/1389769040.JPEG" srcset="/data/Photos/450x450w/13897/1389769/1389769040.JPEG 1x, /data/Photos/700x500w/13897/1389769/1389769040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13897/1389769/1389769118.JPEG" srcset="/data/Photos/450x450w/13897/1389769/1389769118.JPEG 1x, /data/Photos/700x500w/13897/1389769/1389769118.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel H Regas Adults Only Barcelona" data-hbs-name="Hotel H Regas Adults Only Barcelona"> <a class="hotels-by-stars__title-link" href="https://h-regas-adults-only.hotelbcn-barcelona.com/es/" data-hbs-url="aHR0cHM6Ly9oLXJlZ2FzLWFkdWx0cy1vbmx5LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vZXMv"> Hotel H Regas Adults Only Barcelona </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Mostrar en el mapa</div> </div> </div> </div> </div> </div> </div> <div class="ht-map js-htbs-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="htbs-map"></div> </div> </div> </div> </div> </div> <div class="hot-deal-block"> <div class="new-container"> <div class="hot-deal"> <div class="hot-deal__top"> <a href="/hotels-tonight/"> <svg class="icon icon-bell" xmlns="http://www.w3.org/2000/svg" width="26" height="24"> <path d="M20.583 11.392V9.767c0-3.428-2.288-6.329-5.416-7.264v-.32C15.167.99 14.194.018 13 .018s-2.167.972-2.167 2.167v.319c-3.128.935-5.416 3.836-5.416 7.264v1.625c0 3.606-.849 4.873-1.469 5.798-.358.536-.698 1.042-.698 1.785 0 1.766 3.681 2.386 6.666 2.6.419 1.34 1.647 2.275 3.084 2.275s2.665-.936 3.084-2.276c2.985-.213 6.666-.833 6.666-2.599 0-.743-.34-1.25-.698-1.785-.62-.925-1.469-2.192-1.469-5.798zm-6.5-9.122c-.354-.051-.714-.086-1.083-.086s-.729.035-1.083.086v-.086a1.084 1.084 0 012.166 0v.086zm11.272 5.726a.543.543 0 00-1.029.343c.392 1.172.59 2.382.59 3.595s-.198 2.422-.59 3.595a.543.543 0 001.029.343c.428-1.284.645-2.609.645-3.938 0-1.33-.217-2.655-.645-3.938zm-2.739.342a.542.542 0 00-.343.685c.316.95.477 1.93.477 2.91a9.2 9.2 0 01-.477 2.912.543.543 0 00.514.712.542.542 0 00.514-.37c.354-1.062.532-2.156.532-3.253s-.178-2.192-.532-3.253a.543.543 0 00-.685-.343zM1.083 11.934c0-1.212.198-2.422.59-3.595a.544.544 0 00-.343-.686.548.548 0 00-.686.343A12.466 12.466 0 000 11.934c0 1.33.217 2.654.645 3.937a.544.544 0 00.686.343.543.543 0 00.343-.685 11.322 11.322 0 01-.59-3.595zm2.644 2.911a9.222 9.222 0 01-.477-2.911c0-.981.16-1.96.477-2.911a.543.543 0 00-1.028-.342c-.354 1.061-.532 2.156-.532 3.253s.178 2.191.532 3.252a.541.541 0 101.028-.341z" fill="#E12D2D" fill-rule="nonzero"/> </svg> <p>Ofertas de hoteles de última hora</p> </a> <a class="btn btn-outline" href="/hotels-tonight/"> Ver todas las ofertas <svg width="14" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z" fill="currentColor"/> </svg> </a> </div> <div class="hot-deal__text"> <p class="hot-deal__text__item js-ht-block-subtitle is-active" data-number="1">6 mejores hoteles disponibles de 73US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de huéspedes, ubicación conveniente y buena relación calidad-precio.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="2">6 mejores hoteles disponibles de 78US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de huéspedes, ubicación conveniente y buena relación calidad-precio.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="3">6 mejores hoteles disponibles de 78US$ a 153US$ seleccionados por nuestros editores por sus excelentes comentarios de huéspedes, ubicación conveniente y buena relación calidad-precio.</p> </div> <div class="hot-deal__editors"> <div class="hot-deal__editors__images"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-1.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-2.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-3.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-4.jpg" alt="" loading="lazy"> </div> <p class="hot-deal__editors__text js-ht-block-editors is-active" data-number="1">Selección de los editores para el 25.02</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="2">Selección de los editores para el 26.02</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="3">Selección de los editores para el 28.02</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>Usamos las cookies para ofrecerte la mejor experiencia en nuestra página web. Si sigues usando esta página, asumimos que estás de acuerdo con ello.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">¿Falta alguna información?</div> <p class="widget__subtitle">Dinos qué añadir</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Por favor, escribe aquí...." required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Enviar</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Gracias por tu opinión</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Gracias por suscribirte</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">Cerrar</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> tipos de propiedades <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/type/hotels-12/">Hoteles en Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/type/guest-houses-10/">Pensiones en Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/type/apartments-3/">Apartamentos en Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/type/hostels-11/">Hostales en Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/type/aparthotels-2/">Apartahoteles en Barcelona</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> atractivos turísticos <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/near-barcelona-sants-railway-264051/">Estacion de Barcelona Sants</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/near-plaza-espanya-357445/">Plaza España</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/near-placa-catalunya-rail-station-156226/">Plaza de Cataluña</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/near-la-sagrada-familia-76366/">Templo Expiatorio de la Sagrada Familia</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/near-camp-nou-233617/">Spotify Camp Nou</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> clasificación <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/5-stars/">Hoteles de 5 estrellas en Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/4-stars/">Hoteles de 4 estrellas en Barcelona</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/3-stars/">Hoteles de 3 estrellas en Barcelona</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> hoteles temáticos <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/theme/cheap-and-budget-hotels-9/">Hoteles baratos</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/theme/central-hotels-8/">Hoteles en el centro</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/theme/spa-hotels-17/">Balnearios</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/theme/luxury-hotels-14/">Hoteles de lujo</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/es/theme/romantic-hotels-16/">Hoteles románticos</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> los mejores hoteles <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://hilton-barcelona.hotelbcn-barcelona.com/es/">Hilton Barcelona</a> <a class="footer-extra-offers-list__link" href="https://w-barcelona.hotelbcn-barcelona.com/es/">W Barcelona</a> <a class="footer-extra-offers-list__link" href="https://black-swan-hostel.hotelbcn-barcelona.com/es/">Black Swan Hostel</a> <a class="footer-extra-offers-list__link" href="https://motel-one-barcelona-ciutadella.hotelbcn-barcelona.com/es/">Motel One Barcelona-Ciutadella</a> <a class="footer-extra-offers-list__link" href="https://petit-mirador.hotelbcn-barcelona.com/es/">Petit Mirador</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Compañía <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL2Fib3V0LXVzLw==">Quienes somos</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL291ci12YWx1ZXMv">Nuestros valores</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL3doeS1ib29rLXdpdGgtdXMv">¿Por Qué Reservar Con Nosotros?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL3BhcnRuZXJzaGlwLw==">Colaboración</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Para los viajeros <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL3VzZWZ1bC10aXBzLw==">Consejos útiles</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservas para grupos</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL3N1cHBvcnQv">Centro de asistencia</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VzL2ZhcS8=">Preguntas más frecuentes</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Suscríbete a nuestras noticias</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Tu correo electrónico" required> <button class="form__submit" type="submit">Suscríbete</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">¿Falta alguna información?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Dinos qué añadir</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">La mayor selección de lugares únicos</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2VzL3ByaXZhY3kv">Política de privacidad</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Términos y Condiciones</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VzL2NvcHlyaWdodC8=">Notificación de derechos de autor</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2025 © hotelbcn-barcelona.com. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'hotelbcn-barcelona.com', page: 'main', type: 'destination', lang_id: '4', lang: 'es', day: '25', month: '02', year: '2025', id: '3573151764', track: 'uf1HJXxJkRgkOVWK', 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":"\/?currency=1"}, tob: false , sdom: 'https://www.hotelbcn-barcelona.com', sid: '116206', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '45', c_id: 45, theme: '9001', map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2025-02-26', to: '2025-02-27', adults: '2', children: '0', childrenTitle: 'Edades de los niños:' }, messages: { f_name: 'Introduce tu nombre', f_email: 'Introduce una dirección de correo válida', f_subject: 'Por favor, elige un tema', f_message: 'Introduce el texto', f_review: 'Ingrese el texto', f_review_cons: 'Ingrese el texto', f_month: 'Selecciona un mes', f_year: 'Selecciona un año', f_rating: 'Evalúa este alojamiento', f_calendar:'Introduce tus fechas y comprueba nuestras ofertas especiales', // TODO: Uncomment when vocab will be translated } , k: 'onrkas0902mb', v: '13ea1271c93eb4a63bf3316b20c4b0d9' }; travel.data = { hotels_tonight: {"1":{"date":{"From":"2025-02-25","To":"2025-02-26","FromDM":"25.02","ToDM":"26.02","TextDM":"Opciones para el 25.02-26.02","DayVocab":"Esta noche"},"data":{"1":[{"ID":"820436","HotelID":"820436","Name":"Hostel One Paralelo","Address":"Salv\u00e1, 62, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"47","ReviewCount":"954","AvgMarkName":"Excelente","Photos":["10758\/1075815\/1075815568.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG","15400\/1540029\/1540029799.JPEG","15400\/1540029\/1540029769.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/es\/","MinRate":"27","BookingReviews":{"ReviewsCount":"954","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"Espl\u00e9ndido","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.4 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Espl\u00e9ndido","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.2 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"27","AvailID":"1917805068"},{"ID":"1344052","HotelID":"1344052","Name":"Hostel One Ramblas","Address":"Albareda, 6-8, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"47","ReviewCount":"1286","AvgMarkName":"Excelente","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/es\/","MinRate":"26","BookingReviews":{"ReviewsCount":"1286","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.3 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.4 km","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"26","AvailID":"1917805074"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer de Casanova, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1573","AvgMarkName":"Excelente","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/es\/","MinRate":"26","BookingReviews":{"ReviewsCount":"1579","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Espl\u00e9ndido","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.6 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"26","AvailID":"1917805081"},{"ID":"818838","HotelID":"818838","Name":"Fabrizzios Terrace Hostel","Address":"Girona 49, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.39354","Longitude":"2.17266","AvgMark":"45","ReviewCount":"1916","AvgMarkName":"Excelente","Photos":["10091\/1009102\/1009102858.JPEG","11785\/1178541\/1178541529.JPEG","15672\/1567207\/1567207757.JPEG","10113\/1011362\/1011362107.JPEG","10113\/1011362\/1011362122.JPEG","10140\/1014066\/1014066772.JPEG"],"HotelURL":"https:\/\/fabrizzios-terrace.hotelbcn-barcelona.com\/es\/","MinRate":"21","BookingReviews":{"ReviewsCount":"1916","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=fabrizzios-terrace;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i818838-s116206-n28-fabrizzios_terrace_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.5 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"16.7 km","Type":"Airport"}],"CurrencyPrice":"21","AvailID":"1917805087"},{"ID":"399002","HotelID":"399002","Name":"Hostel One Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Espa\u00f1a","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"1982","AvgMarkName":"Excelente","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","14992\/1499262\/1499262742.JPEG","14992\/1499262\/1499262778.JPEG","14992\/1499262\/1499262793.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/es\/","MinRate":"82","BookingReviews":{"ReviewsCount":"1982","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.7 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"82","AvailID":"1917805092"},{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2551","AvgMarkName":"Excelente","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/es\/","MinRate":"164","BookingReviews":{"ReviewsCount":"2551","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"164","AvailID":"1917805097"}],"2":[{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2551","AvgMarkName":"Excelente","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/es\/","MinRate":"164","BookingReviews":{"ReviewsCount":"2551","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"164","AvailID":"1917832133"},{"ID":"378832","HotelID":"378832","Name":"Leonardo Boutique Hotel Barcelona Sagrada Familia","Address":"C\/ Mallorca 606, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.411034","Longitude":"2.185644","AvgMark":"44","ReviewCount":"2550","AvgMarkName":"Excelente","Photos":["16308\/1630869\/1630869560.JPEG","16437\/1643763\/1643763309.JPEG","16308\/1630869\/1630869562.JPEG","16437\/1643763\/1643763305.JPEG","12751\/1275163\/1275163624.JPEG","12877\/1287735\/1287735442.JPEG"],"HotelURL":"https:\/\/leonardo-boutique-hotel.hotelbcn-barcelona.com\/es\/","MinRate":"173","BookingReviews":{"ReviewsCount":"2550","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=leonardo-boutique-hotel-barcelona-sagrada-familia;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i378832-s116206-n28-leonardo_boutique_hotel_barcelona_sagrada_familia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.2,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.6 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3 km","Type":"City Center"},{"TypeID":"1","Distance":"18.7 km","Type":"Airport"}],"CurrencyPrice":"173","AvailID":"1917832144"},{"ID":"1345756","HotelID":"1345756","Name":"Hostal Oliva","Address":"Passeig De Gracia, 32 4\u00ba, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.39078","Longitude":"2.16725","AvgMark":"44","ReviewCount":"1785","AvgMarkName":"Excelente","Photos":["12458\/1245878\/1245878749.JPEG","12458\/1245887\/1245887227.JPEG","12487\/1248785\/1248785485.JPEG","12509\/1250902\/1250902216.JPEG","12458\/1245866\/1245866791.JPEG","12458\/1245879\/1245879826.JPEG"],"HotelURL":"https:\/\/hostal-oliva.hotelbcn-barcelona.com\/es\/","MinRate":"73","BookingReviews":{"ReviewsCount":"1785","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-oliva-barcelona;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i1345756-s116206-n28-hostal_oliva"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.5,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.1,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.8,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.8 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"16.1 km","Type":"Airport"}],"CurrencyPrice":"73","AvailID":"1917832148"},{"ID":"7115765","HotelID":"7115765","Name":"Acta Voraport","Address":"Carrer de Ramon Turr\u00f3 169-B, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.3986556","Longitude":"2.2010949000000437","AvgMark":"44","ReviewCount":"13603","AvgMarkName":"Excelente","Photos":["12240\/1224094\/1224094783.JPEG","15203\/1520324\/1520324113.JPEG","15203\/1520324\/1520324962.JPEG","9553\/955395\/955395037.JPEG","9553\/955395\/955395202.JPEG","9553\/955395\/955395274.JPEG"],"HotelURL":"https:\/\/acta-voraport.hotelbcn-barcelona.com\/es\/","MinRate":"79","BookingReviews":{"ReviewsCount":"13603","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=acta-voraport;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i7115765-s116206-n28-acta_voraport"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"2.9 km","Type":"City Center"},{"TypeID":"1","Distance":"19.5 km","Type":"Airport"}],"CurrencyPrice":"79","AvailID":"1917832153"},{"ID":"1327242","HotelID":"1327242","Name":"Magatzem 128","Address":"Calabria, 128, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.3810615539551","Longitude":"2.15340995788574","AvgMark":"44","ReviewCount":"2497","AvgMarkName":"Excelente","Photos":["12488\/1248864\/1248864376.JPEG","11498\/1149829\/1149829057.JPEG","12488\/1248862\/1248862798.JPEG","11498\/1149834\/1149834577.JPEG","4107\/410706\/410706459.JPEG","3452\/345254\/345254158.JPEG"],"HotelURL":"https:\/\/magatzem-128.hotelbcn-barcelona.com\/es\/","MinRate":"121","BookingReviews":{"ReviewsCount":"2497","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=b-amp-b-magatzem-128;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i1327242-s116206-n28-magatzem_128"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.6 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.5 km","Type":"City Center"},{"TypeID":"1","Distance":"14.4 km","Type":"Airport"}],"CurrencyPrice":"121","AvailID":"1917832156"},{"ID":"88841","HotelID":"88841","Name":"Catalonia Born","Address":"Rec Comtal, 16-18, Barcelona, Espa\u00f1a","Stars":"4","Latitude":"41.389744","Longitude":"2.17991699999993","AvgMark":"44","ReviewCount":"3328","AvgMarkName":"Excelente","Photos":["15473\/1547374\/1547374237.JPEG","15473\/1547374\/1547374324.JPEG","15473\/1547374\/1547374402.JPEG","15473\/1547374\/1547374459.JPEG","15473\/1547374\/1547374477.JPEG","15473\/1547374\/1547374480.JPEG"],"HotelURL":"https:\/\/catalonia-born.hotelbcn-barcelona.com\/es\/","MinRate":"85","BookingReviews":{"ReviewsCount":"3328","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=cataloniaborn;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i88841-s116206-n28-catalonia_born"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.4 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.4 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"16.7 km","Type":"Airport"}],"CurrencyPrice":"85","AvailID":"1917832158"}]},"vocabs":{"1":{"from_to_price":"6 mejores hoteles disponibles de 21US$ a 164US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio.","from_to_price_main_page":"4 mejores hoteles disponibles de 21US$ a 164US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio."},"2":{"from_to_price":"6 mejores hoteles disponibles de 73US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio.","from_to_price_main_page":"4 mejores hoteles disponibles de 73US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio."}}},"2":{"date":{"From":"2025-02-26","To":"2025-02-27","FromDM":"26.02","ToDM":"27.02","TextDM":"Opciones para el 26.02-27.02","DayVocab":"Ma\u00f1ana"},"data":{"1":[{"ID":"820436","HotelID":"820436","Name":"Hostel One Paralelo","Address":"Salv\u00e1, 62, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"47","ReviewCount":"954","AvgMarkName":"Excelente","Photos":["10758\/1075815\/1075815568.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG","15400\/1540029\/1540029799.JPEG","15400\/1540029\/1540029769.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/es\/","MinRate":"27","BookingReviews":{"ReviewsCount":"954","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"Espl\u00e9ndido","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.4 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Espl\u00e9ndido","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.2 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"27","AvailID":"1917805433"},{"ID":"1344052","HotelID":"1344052","Name":"Hostel One Ramblas","Address":"Albareda, 6-8, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"47","ReviewCount":"1286","AvgMarkName":"Excelente","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/es\/","MinRate":"26","BookingReviews":{"ReviewsCount":"1286","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.3 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.4 km","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"26","AvailID":"1917805436"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer de Casanova, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1573","AvgMarkName":"Excelente","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/es\/","MinRate":"26","BookingReviews":{"ReviewsCount":"1579","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Espl\u00e9ndido","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.6 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"26","AvailID":"1917805463"},{"ID":"816984","HotelID":"816984","Name":"Pensi\u00f3 Cerdanya","Address":"C\/ Girona 35 1\u00ba 2\u00aa, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.39253","Longitude":"2.17406","AvgMark":"45","ReviewCount":"939","AvgMarkName":"Excelente","Photos":["2321\/232125\/232125625.JPEG","1514\/151431\/151431349.JPEG","2322\/232230\/232230592.JPEG","2480\/248042\/248042013.JPEG","2480\/248042\/248042097.JPEG","1285\/128572\/128572335.JPEG"],"HotelURL":"https:\/\/pensio-cerdanya.hotelbcn-barcelona.com\/es\/","MinRate":"101","BookingReviews":{"ReviewsCount":"939","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=pension-cerdea-a;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i816984-s116206-n28-pensi_cerdanya"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.6 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"16.8 km","Type":"Airport"}],"CurrencyPrice":"101","AvailID":"1917805469"},{"ID":"395896","HotelID":"395896","Name":"Pension Ciudadela","Address":"Carrer Comerc , 33 , 1 1, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.3847","Longitude":"2.1847","AvgMark":"45","ReviewCount":"1084","AvgMarkName":"Excelente","Photos":["15805\/1580511\/1580511463.JPEG","9993\/999347\/999347541.JPEG","15805\/1580511\/1580511467.JPEG","9993\/999347\/999347415.JPEG","9993\/999347\/999347418.JPEG","9993\/999347\/999347496.JPEG"],"HotelURL":"https:\/\/pension-ciudadela.hotelbcn-barcelona.com\/es\/","MinRate":"259","BookingReviews":{"ReviewsCount":"1084","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=pension-ciudadela;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i395896-s116206-n28-pension_ciudadela"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.2,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.7 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.3 km","Type":"City Center"},{"TypeID":"1","Distance":"17.1 km","Type":"Airport"}],"CurrencyPrice":"259","AvailID":"1917805471"},{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2551","AvgMarkName":"Excelente","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/es\/","MinRate":"164","BookingReviews":{"ReviewsCount":"2551","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"164","AvailID":"1917805476"}],"2":[{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2551","AvgMarkName":"Excelente","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/es\/","MinRate":"164","BookingReviews":{"ReviewsCount":"2551","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"164","AvailID":"1917832291"},{"ID":"22456888","HotelID":"22456888","Name":"Monturiol Apartaments","Address":"23 Carrer De Monturiol, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.41","Longitude":"2.1924","AvgMark":"45","ReviewCount":"139","AvgMarkName":"Excelente","Photos":["15935\/1593534\/1593534443.JPEG","16310\/1631016\/1631016890.JPEG","16310\/1631016\/1631016902.JPEG","16310\/1631016\/1631016909.JPEG","15935\/1593534\/1593534397.JPEG","15935\/1593534\/1593534444.JPEG"],"HotelURL":"https:\/\/monturiol-apartaments.hotelbcn-barcelona.com\/es\/","MinRate":"119","BookingReviews":{"ReviewsCount":"139","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=monturiol-apartaments-barcelona;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i22456888-s116206-n28-monturiol_apartaments"},"Distances":[{"TypeID":"0","Distance":"3.2 km","Type":"City Center"},{"TypeID":"1","Distance":"21.8 km","Type":"Airport"}],"CurrencyPrice":"119","AvailID":"1917832294"},{"ID":"1327242","HotelID":"1327242","Name":"Magatzem 128","Address":"Calabria, 128, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.3810615539551","Longitude":"2.15340995788574","AvgMark":"44","ReviewCount":"2497","AvgMarkName":"Excelente","Photos":["12488\/1248864\/1248864376.JPEG","11498\/1149829\/1149829057.JPEG","12488\/1248862\/1248862798.JPEG","11498\/1149834\/1149834577.JPEG","4107\/410706\/410706459.JPEG","3452\/345254\/345254158.JPEG"],"HotelURL":"https:\/\/magatzem-128.hotelbcn-barcelona.com\/es\/","MinRate":"121","BookingReviews":{"ReviewsCount":"2497","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=b-amp-b-magatzem-128;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i1327242-s116206-n28-magatzem_128"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.6 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.5 km","Type":"City Center"},{"TypeID":"1","Distance":"14.4 km","Type":"Airport"}],"CurrencyPrice":"121","AvailID":"1917832298"},{"ID":"15592105","HotelID":"15592105","Name":"limehome Barcelona Carrer de Besal\u00fa 82","Address":"82 Carrer de Besal\u00fa, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.41579","Longitude":"2.18535","AvgMark":"44","ReviewCount":"1068","AvgMarkName":"Excelente","Photos":["16113\/1611350\/1611350934.JPEG","12855\/1285516\/1285516237.JPEG","12855\/1285515\/1285515910.JPEG","12855\/1285511\/1285511926.JPEG","12855\/1285512\/1285512043.JPEG","12855\/1285518\/1285518118.JPEG"],"HotelURL":"https:\/\/limehome-barcelona-carrer-de-besalu-82.hotelbcn-barcelona.com\/es\/","MinRate":"78","BookingReviews":{"ReviewsCount":"1068","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-besalu-82;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i15592105-s116206-n28-limehome_barcelona_carrer_de_besal_82"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Espl\u00e9ndido","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.4 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.8 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.5 km","Type":"City Center"},{"TypeID":"1","Distance":"19.3 km","Type":"Airport"}],"CurrencyPrice":"78","AvailID":"1917832304"},{"ID":"7115765","HotelID":"7115765","Name":"Acta Voraport","Address":"Carrer de Ramon Turr\u00f3 169-B, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.3986556","Longitude":"2.2010949000000437","AvgMark":"44","ReviewCount":"13603","AvgMarkName":"Excelente","Photos":["12240\/1224094\/1224094783.JPEG","15203\/1520324\/1520324113.JPEG","15203\/1520324\/1520324962.JPEG","9553\/955395\/955395037.JPEG","9553\/955395\/955395202.JPEG","9553\/955395\/955395274.JPEG"],"HotelURL":"https:\/\/acta-voraport.hotelbcn-barcelona.com\/es\/","MinRate":"79","BookingReviews":{"ReviewsCount":"13603","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=acta-voraport;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i7115765-s116206-n28-acta_voraport"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"2.9 km","Type":"City Center"},{"TypeID":"1","Distance":"19.5 km","Type":"Airport"}],"CurrencyPrice":"79","AvailID":"1917832310"},{"ID":"378832","HotelID":"378832","Name":"Leonardo Boutique Hotel Barcelona Sagrada Familia","Address":"C\/ Mallorca 606, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.411034","Longitude":"2.185644","AvgMark":"44","ReviewCount":"2550","AvgMarkName":"Excelente","Photos":["16308\/1630869\/1630869560.JPEG","16437\/1643763\/1643763309.JPEG","16308\/1630869\/1630869562.JPEG","16437\/1643763\/1643763305.JPEG","12751\/1275163\/1275163624.JPEG","12877\/1287735\/1287735442.JPEG"],"HotelURL":"https:\/\/leonardo-boutique-hotel.hotelbcn-barcelona.com\/es\/","MinRate":"173","BookingReviews":{"ReviewsCount":"2550","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=leonardo-boutique-hotel-barcelona-sagrada-familia;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i378832-s116206-n28-leonardo_boutique_hotel_barcelona_sagrada_familia"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.2,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.6 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3 km","Type":"City Center"},{"TypeID":"1","Distance":"18.7 km","Type":"Airport"}],"CurrencyPrice":"173","AvailID":"1917832313"}]},"vocabs":{"1":{"from_to_price":"6 mejores hoteles disponibles de 26US$ a 259US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio.","from_to_price_main_page":"4 mejores hoteles disponibles de 26US$ a 259US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio."},"2":{"from_to_price":"6 mejores hoteles disponibles de 78US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio.","from_to_price_main_page":"4 mejores hoteles disponibles de 78US$ a 173US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio."}}},"3":{"date":{"From":"2025-02-28","To":"2025-03-02","FromDM":"28.02","ToDM":"02.03","TextDM":"Opciones para el 28.02-02.03","DayVocab":"Este fin de semana"},"data":{"1":[{"ID":"820436","HotelID":"820436","Name":"Hostel One Paralelo","Address":"Salv\u00e1, 62, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"47","ReviewCount":"954","AvgMarkName":"Excelente","Photos":["10758\/1075815\/1075815568.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG","15400\/1540029\/1540029799.JPEG","15400\/1540029\/1540029769.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/es\/","MinRate":"27","BookingReviews":{"ReviewsCount":"954","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"Espl\u00e9ndido","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.4 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"Espl\u00e9ndido","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.2 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.6 km","Type":"City Center"},{"TypeID":"1","Distance":"16.4 km","Type":"Airport"}],"CurrencyPrice":"27","AvailID":"1917806121"},{"ID":"1344052","HotelID":"1344052","Name":"Hostel One Ramblas","Address":"Albareda, 6-8, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"47","ReviewCount":"1286","AvgMarkName":"Excelente","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/es\/","MinRate":"26","BookingReviews":{"ReviewsCount":"1286","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.3 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.4 km","Type":"City Center"},{"TypeID":"1","Distance":"15.7 km","Type":"Airport"}],"CurrencyPrice":"26","AvailID":"1917806130"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer de Casanova, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1573","AvgMarkName":"Excelente","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/es\/","MinRate":"26","BookingReviews":{"ReviewsCount":"1579","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Espl\u00e9ndido","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"Ubicaci\u00f3n privilegiada","Message":"Esta propiedad ofrece ubicaci\u00f3n privilegiada. Tiene una puntuaci\u00f3n de 9.6 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"15.2 km","Type":"Airport"}],"CurrencyPrice":"26","AvailID":"1917806137"},{"ID":"399002","HotelID":"399002","Name":"Hostel One Les Corts","Address":"Passatge Regente Mendieta, 5, Barcelona, Espa\u00f1a","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"1982","AvgMarkName":"Excelente","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","14992\/1499262\/1499262742.JPEG","14992\/1499262\/1499262778.JPEG","14992\/1499262\/1499262793.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/es\/","MinRate":"82","BookingReviews":{"ReviewsCount":"1982","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.7 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"4 km","Type":"City Center"},{"TypeID":"1","Distance":"14.1 km","Type":"Airport"}],"CurrencyPrice":"82","AvailID":"1917806143"},{"ID":"500212","HotelID":"500212","Name":"Onefam Sants","Address":"Casteras, 9, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2551","AvgMarkName":"Excelente","Photos":["10381\/1038167\/1038167836.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033831.JPEG","15400\/1540033\/1540033900.JPEG","15400\/1540033\/1540033870.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/es\/","MinRate":"164","BookingReviews":{"ReviewsCount":"2551","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.6 km","Type":"City Center"},{"TypeID":"1","Distance":"13 km","Type":"Airport"}],"CurrencyPrice":"164","AvailID":"1917806148"},{"ID":"933994","HotelID":"933994","Name":"Bed & Bike Barcelona","Address":"Diputaci\u00f3n, 360, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.397093","Longitude":"2.176255","AvgMark":"43","ReviewCount":"1965","AvgMarkName":"Excelente","Photos":["13897\/1389752\/1389752555.JPEG","15513\/1551327\/1551327457.JPEG","16197\/1619774\/1619774794.JPEG","15960\/1596070\/1596070364.JPEG","14990\/1499007\/1499007067.JPEG","14990\/1499006\/1499006929.JPEG"],"HotelURL":"https:\/\/bed-and-bike-barcelona.hotelbcn-barcelona.com\/es\/","MinRate":"37","BookingReviews":{"ReviewsCount":"1965","ReviewScore":87,"OriginalScore":87,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=bed-and-bike-barcelona;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i933994-s116206-n28-bed_bike_barcelona"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.6,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.3,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.1 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"1.3 km","Type":"City Center"},{"TypeID":"1","Distance":"17.1 km","Type":"Airport"}],"CurrencyPrice":"37","AvailID":"1917806153"}],"2":[{"ID":"22456888","HotelID":"22456888","Name":"Monturiol Apartaments","Address":"23 Carrer De Monturiol, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.41","Longitude":"2.1924","AvgMark":"45","ReviewCount":"139","AvgMarkName":"Excelente","Photos":["15935\/1593534\/1593534443.JPEG","16310\/1631016\/1631016890.JPEG","16310\/1631016\/1631016902.JPEG","16310\/1631016\/1631016909.JPEG","15935\/1593534\/1593534397.JPEG","15935\/1593534\/1593534444.JPEG"],"HotelURL":"https:\/\/monturiol-apartaments.hotelbcn-barcelona.com\/es\/","MinRate":"119","BookingReviews":{"ReviewsCount":"139","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Excepcional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=monturiol-apartaments-barcelona;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i22456888-s116206-n28-monturiol_apartaments"},"Distances":[{"TypeID":"0","Distance":"3.2 km","Type":"City Center"},{"TypeID":"1","Distance":"21.8 km","Type":"Airport"}],"CurrencyPrice":"119","AvailID":"1917833759"},{"ID":"7115765","HotelID":"7115765","Name":"Acta Voraport","Address":"Carrer de Ramon Turr\u00f3 169-B, Barcelona, Espa\u00f1a","Stars":"3","Latitude":"41.3986556","Longitude":"2.2010949000000437","AvgMark":"44","ReviewCount":"13603","AvgMarkName":"Excelente","Photos":["12240\/1224094\/1224094783.JPEG","15203\/1520324\/1520324113.JPEG","15203\/1520324\/1520324962.JPEG","9553\/955395\/955395037.JPEG","9553\/955395\/955395202.JPEG","9553\/955395\/955395274.JPEG"],"HotelURL":"https:\/\/acta-voraport.hotelbcn-barcelona.com\/es\/","MinRate":"79","BookingReviews":{"ReviewsCount":"13603","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=acta-voraport;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i7115765-s116206-n28-acta_voraport"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.1,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"2.9 km","Type":"City Center"},{"TypeID":"1","Distance":"19.5 km","Type":"Airport"}],"CurrencyPrice":"79","AvailID":"1917833765"},{"ID":"6661098","HotelID":"6661098","Name":"Hotel Brick Barcelona","Address":"304 Gran Via De Les Corts Catalanes, Barcelona, Espa\u00f1a","Stars":"2","Latitude":"41.37246","Longitude":"2.14618","AvgMark":"44","ReviewCount":"2984","AvgMarkName":"Excelente","Photos":["8464\/846403\/846403433.JPEG","8463\/846373\/846373850.JPEG","8463\/846377\/846377096.JPEG","8387\/838748\/838748573.JPEG","8387\/838750\/838750016.JPEG","8387\/838752\/838752689.JPEG"],"HotelURL":"https:\/\/hotel-brick.hotelbcn-barcelona.com\/es\/","MinRate":"109","BookingReviews":{"ReviewsCount":"2984","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=brick-barcelona;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i6661098-s116206-n28-hotel_brick_barcelona"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9.2 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.5 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"2.5 km","Type":"City Center"},{"TypeID":"1","Distance":"12.8 km","Type":"Airport"}],"CurrencyPrice":"109","AvailID":"1917833768"},{"ID":"20438807","HotelID":"20438807","Name":"Leevin Student Barcelona","Address":"289 Via Augusta, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.3975","Longitude":"2.12872","AvgMark":"44","ReviewCount":"721","AvgMarkName":"Excelente","Photos":["14810\/1481057\/1481057069.JPEG","15448\/1544879\/1544879629.JPEG","15448\/1544878\/1544878876.JPEG","15448\/1544878\/1544878873.JPEG","14816\/1481686\/1481686970.JPEG","14816\/1481696\/1481696369.JPEG"],"HotelURL":"https:\/\/hostel-leevin-student.hotelbcn-barcelona.com\/es\/","MinRate":"153","BookingReviews":{"ReviewsCount":"727","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=leevin-hostel-barcelona;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i20438807-s116206-n28-leevin_student_barcelona"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Excepcional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.3,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Ubicaci\u00f3n excelente","Message":"Esta propiedad ofrece ubicaci\u00f3n excelente. Tiene una puntuaci\u00f3n de 9 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Precio excelente","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio excelente. Tiene una puntuaci\u00f3n de 9.2 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.7 km","Type":"City Center"},{"TypeID":"1","Distance":"15.8 km","Type":"Airport"}],"CurrencyPrice":"153","AvailID":"1917833772"},{"ID":"15592105","HotelID":"15592105","Name":"limehome Barcelona Carrer de Besal\u00fa 82","Address":"82 Carrer de Besal\u00fa, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.41579","Longitude":"2.18535","AvgMark":"44","ReviewCount":"1068","AvgMarkName":"Excelente","Photos":["16113\/1611350\/1611350934.JPEG","12855\/1285516\/1285516237.JPEG","12855\/1285515\/1285515910.JPEG","12855\/1285511\/1285511926.JPEG","12855\/1285512\/1285512043.JPEG","12855\/1285518\/1285518118.JPEG"],"HotelURL":"https:\/\/limehome-barcelona-carrer-de-besalu-82.hotelbcn-barcelona.com\/es\/","MinRate":"78","BookingReviews":{"ReviewsCount":"1068","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=limehome-besalu-82;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i15592105-s116206-n28-limehome_barcelona_carrer_de_besal_82"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Espl\u00e9ndido","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8,"ScoreMessage":"Excepcional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.4 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excelente","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.8 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.5 km","Type":"City Center"},{"TypeID":"1","Distance":"19.3 km","Type":"Airport"}],"CurrencyPrice":"78","AvailID":"1917833778"},{"ID":"16069867","HotelID":"16069867","Name":"The Social Hub Barcelona Poblenou","Address":"49 Carrer de Crist\u00f3bal de Moura, Barcelona, Espa\u00f1a","Stars":"0","Latitude":"41.41","Longitude":"2.20445","AvgMark":"44","ReviewCount":"3199","AvgMarkName":"Excelente","Photos":["16017\/1601794\/1601794088.JPEG","16300\/1630024\/1630024705.JPEG","16300\/1630024\/1630024711.JPEG","16300\/1630024\/1630024716.JPEG","15997\/1599742\/1599742728.JPEG","15997\/1599742\/1599742730.JPEG"],"HotelURL":"https:\/\/the-social-hub-barcelona-poble-nou.hotelbcn-barcelona.com\/es\/","MinRate":"113","BookingReviews":{"ReviewsCount":"3199","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"Excelente","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-social-hub-barcelona-poblenou;cc1=es;lang=es;label=click_rev-bn-20250225_090113-i16069867-s116206-n28-the_social_hub_barcelona_poblenou"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excelente","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excelente","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excelente","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excelente","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.2,"ScoreMessage":"Ubicaci\u00f3n magn\u00edfica","Message":"Esta propiedad ofrece ubicaci\u00f3n magn\u00edfica. Tiene una puntuaci\u00f3n de 8.2 sobre 10 en cuanto a la ubicaci\u00f3n de acuerdo con los comentarios de los visitantes. \u00a1Debe ser un lugar conveniente para alojarse!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Excepcional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.4,"ScoreMessage":"Precio especial","Message":"Los hu\u00e9spedes consideran que este lugar es una buena relaci\u00f3n calidad-precio por su precio especial. Tiene una puntuaci\u00f3n de 8.4 sobre 10 en cuanto al precio seg\u00fan las opiniones de los visitantes. \u00a1Debe ser un buen chollo!"}},"Distances":[{"TypeID":"0","Distance":"3.9 km","Type":"City Center"},{"TypeID":"1","Distance":"21.7 km","Type":"Airport"}],"CurrencyPrice":"113","AvailID":"1917833803"}]},"vocabs":{"1":{"from_to_price":"6 mejores hoteles disponibles de 26US$ a 164US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio.","from_to_price_main_page":"4 mejores hoteles disponibles de 26US$ a 164US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio."},"2":{"from_to_price":"6 mejores hoteles disponibles de 78US$ a 153US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio.","from_to_price_main_page":"4 mejores hoteles disponibles de 78US$ a 153US$ seleccionados por nuestros editores por sus excelentes comentarios de hu\u00e9spedes, ubicaci\u00f3n conveniente y buena relaci\u00f3n calidad-precio."}}}}, hotels_tonight_subtitles: { 1: "1 mejor oferta seleccionada por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales.", 2: "2 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 3: "3 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 4: "4 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 5: "5 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 6: "6 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 7: "7 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 8: "8 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 9: "9 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 10: "10 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 11: "11 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 12: "12 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 13: "13 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 14: "14 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 15: "15 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 16: "16 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 17: "17 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", 18: "18 mejores ofertas seleccionadas por nuestros editores según la calificación de los huéspedes y las opiniones de los expertos locales", } } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'4', language:'es', isRtl: false , currentDay:'25', currentMonth:'02', currentYear:'2025', logId: '3573151764', track: 'uf1HJXxJkRgkOVWK', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelbcn-barcelona.com', siteId:'116206', nid:'28', siteDomain: 'hotelbcn-barcelona.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n28-250225-s116206-wuf1HJXxJkRgkOVWK-d9001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2025-02-26', dataTo:'2025-02-27', 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:'onrkas0902mb', stopSpamValue:'13ea1271c93eb4a63bf3316b20c4b0d9', }; </script> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.f5f146cfad695cb6801af4961ae65b7a.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.f5f146cfad695cb6801af4961ae65b7a.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.42433dc8346c30a7d6e689010a00ec0b.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.42433dc8346c30a7d6e689010a00ec0b.js"></script> </body> </html>