:root{--header-height:47px;--x-padding:1em;--aside-width:300px;--aside-width-hidden:-300px}@media only screen and (min-width:768px){:root{--header-height:60px}}@media only screen and (min-width:1140px){:root{--x-padding:2em}}html body{font:16px/26px sans-serif;letter-spacing:normal;-webkit-font-smoothing:antialiased;width:100%;box-sizing:border-box;margin:0;background:linear-gradient(180deg,#f8f3ef 0,var(--color-page-bg) 100%)}body *,body :after,body :before{box-sizing:inherit}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity 1s}#overlay.overlay-active{z-index:10;opacity:1}.no-scroll{overflow:hidden}.wrapper{margin:0 auto;width:100%}.landing_page .wrapper{padding-left:1em;padding-right:1em}@media only screen and (min-width:768px){.landing_page .wrapper{width:740px;padding-left:initial;padding-right:initial}}@media only screen and (min-width:1024px){.landing_page .wrapper{width:960px}}@media only screen and (min-width:1140px){.landing_page .wrapper{width:1090px}}@media only screen and (min-width:1280px){.landing_page .wrapper{width:1200px}}@media only screen and (min-width:1440px){.landing_page .wrapper{width:1200px}}#header{height:var(--header-height);position:fixed;width:100%;top:0;z-index:100}#header>.wrapper>div{display:flex}#header>.wrapper>div:first-child{align-items:center}#header>.wrapper>div:first-child #baseline{transition:opacity .3s ease;border-left:.75px solid #fff;margin-left:.75em;padding-left:.5em}#header>.wrapper>div:first-child #baseline a{padding:.25em 1em;font-size:.75em;line-height:1em;display:block;margin-left:.5em;color:#fff;background:rgba(255,255,255,.1);border-radius:5px;border:1px solid rgba(255,255,255,.3)}#header>.wrapper>div:first-child #baseline a:hover{color:#fabd00;background:rgba(255,255,255,.9);border-radius:5px;border:1px solid #fff}#header>.wrapper>div:first-child #baseline a>span{display:block}@media only screen and (min-width:768px){#header>.wrapper>div:first-child #baseline a{font-size:1em}}@media only screen and (min-width:768px){#header>.wrapper>div:first-child #baseline{border-left:1px solid #fff;margin-left:1em}}.sidebar-active.landing_page #header{width:var(--aside-width)}.sidebar-active.landing_page #header .wrapper{width:var(--aside-width)}#header .wrapper{display:flex;align-items:center;justify-content:space-between;padding:0 var(--x-padding)}.landing_page #header .wrapper{float:left}@media only screen and (min-width:768px){.landing_page #header .wrapper{float:none;padding:0}}#header.header--with-bg{background-color:#1374a3}@media only screen and (min-width:768px){#header{background-color:#1374a3}}#header #logonav{--colorset-color:#fabd00;--colorset-text:white;padding-top:10px}#header #logonav .sprite__wrapper{font-size:.5em}@media only screen and (min-width:768px){#header #logonav{padding-left:0}#header #logonav .sprite__wrapper{font-size:.75em}}#header #menu-open{color:#fff;font-size:2em;display:flex;cursor:pointer;align-items:center}@media only screen and (min-width:768px){#header #menu-open{font-size:3em}}#header #menu-open #menu-button{width:1.25em;height:1.25em}#header #menu-open #menu-button #bottom-line,#header #menu-open #menu-button #middle-line,#header #menu-open #menu-button #top-line{transform-box:fill-box;transform-origin:center}#header #menu-open #menu-button #top-line{animation:rotate-down .3s ease-out both}#header #menu-open #menu-button #bottom-line{animation:rotate-up .3s ease-out both}#header #menu-open #menu-button #middle-line{animation:unhide .3s ease-out forwards}#header #menu-open #menu-button.burger-active #top-line{animation:down-rotate .3s ease-out both}#header #menu-open #menu-button.burger-active #bottom-line{animation:up-rotate .3s ease-out both}#header #menu-open #menu-button.burger-active #middle-line{animation:hide .3s ease-out forwards}@keyframes up-rotate{0%{transform:translateY(0)}30%{transform-origin:center;transform:translateY(-10px)}100%{transform-origin:center;transform:translateY(-10px) rotate(45deg) scale(.9)}}@keyframes rotate-up{0%{transform:translateY(-10px) rotate(45deg) scale(.9)}30%{transform-origin:center;transform:translateY(-10px)}100%{transform-origin:center;transform:translateY(0)}}@keyframes down-rotate{0%{transform:translateY(0)}30%{transform-origin:center;transform:translateY(10px)}100%{transform-origin:center;transform:translateY(10px) rotate(-45deg) scale(.9)}}@keyframes rotate-down{0%{transform:translateY(10px) rotate(-45deg) scale(.9)}30%{transform-origin:center;transform:translateY(10px)}100%{transform-origin:center;transform:translateY(0)}}@keyframes hide{29%{opacity:1}30%{opacity:0}100%{opacity:0}}@keyframes unhide{29%{opacity:0}30%{opacity:0}100%{opacity:1}}#header,#header .wrapper{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#page-container{margin-top:var(--header-height);padding-bottom:2rem;display:flex;flex-direction:row-reverse;position:relative}.landing_page #page-container{margin-top:var(--header-height)}@media (max-width:920px){.landing_page #page-container{margin-top:0}}#page-container>aside{position:fixed;width:var(--aside-width);top:var(--header-height);left:var(--aside-width-hidden);bottom:0;z-index:99;transition:.3s;overflow-y:auto;border-right:1px solid #ccc;background-color:#f0f0f0}#page-container>aside.sidebar-active{left:0}@media only screen and (min-width:1280px){body:not(.landing_page) #page-container>aside{position:relative;top:0;left:initial;margin-left:0;flex-grow:0;flex-shrink:0;overflow-y:inherit}body:not(.landing_page) #page-container>aside.sidebar-active{margin-left:0}body:not(.landing_page) #page-container>aside.sidebar-inactive{margin-left:var(--aside-width-hidden)}}#page-container>main{background:linear-gradient(180deg,#f8f3ef 0,var(--color-page-bg) 100%);padding:1em var(--x-padding);box-sizing:border-box;flex-grow:1;flex-shrink:1;min-width:1%;width:auto}.landing_page #page-container>main{padding:0}#page-container>main nav.breadcrumb{display:flex;font-size:.8em;padding:0;line-height:1.5em;white-space:nowrap;border-bottom:1px solid #fabd00;border-right:none;align-items:center;overflow-x:scroll;scrollbar-width:none}#page-container>main nav.breadcrumb::-webkit-scrollbar{display:none}#page-container>main nav.breadcrumb ol{padding:0;margin:0;display:flex;align-items:center;flex-wrap:nowrap;list-style:none}#page-container>main nav.breadcrumb ol li{color:#05a0e2;padding:0 .25em 0 0}#page-container>main nav.breadcrumb ol li svg{color:#fabd00}#page-container>main nav.breadcrumb ol li a{color:#05a0e2}
nav.side ul{padding:0;margin:0}nav.side .menu-side-top{background:0 0;margin:1em 1em 1em var(--x-padding)}nav.side .menu-side-top .menu-side-title{color:#fabd00;font-weight:700;font-size:1.2em;display:inline-block}nav.side .barca{border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:.5em;margin:1em 1em;padding:1em}nav.side .barca .block__title{margin-top:0;color:#fabd00;text-align:center;display:block;font-size:1.5em;margin-block-end:1em;font-weight:700}nav.side .barca .agent{text-align:center}nav.side .barca .agent img{width:80%}nav.side .barca p{font-size:.8em;line-height:1.5em;margin-top:.5em}nav.side .barca .button{width:100%;font-size:.8em}nav.side .lang{width:100%;padding:2em 2em}nav.side .lang label{text-transform:uppercase;color:#fff;font-weight:700;display:inline-block;width:100%}nav.side .lang ul{margin:0;display:flex;justify-content:space-between}nav.side .lang ul li{display:inline-block}nav.side .lang ul li a{display:flex;border:1px solid #ccc}nav.side .lang.lang ul li a .sprite{font-size:1.3em}nav.side .menu-side-content{background-color:#f8f8f8}nav.side .menu-side-content .menu{color:#fff;background-color:#f8f8f8}nav.side .menu-side-content .menu .menu__item{cursor:pointer;color:#fff}nav.side .menu-side-content .menu .menu__item a{white-space:nowrap;font-weight:700}nav.side .menu-side-content .menu>.menu__item{border-top:1px solid rgba(0,0,0,.1);color:#05a0e2}nav.side .menu-side-content .menu>.menu__item>a{color:#05a0e2;font-weight:700}nav.side .menu-side-content .menu>.menu__item:last-child{border-bottom:1px solid rgba(0,0,0,.1)}nav.side .menu-side-content .menu>.menu__item:not(.menu__item--with-sub-menu){padding:.5em 1em .5em var(--x-padding)}nav.side .menu-side-content .menu .menu__item input.menu__hidden{display:none}nav.side .menu-side-content .menu .menu__item .menu__open{padding:.5em 1em .5em var(--x-padding);cursor:pointer;color:#05a0e2;font-weight:700;position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}nav.side .menu-side-content .menu .menu__item .menu__open .icon-down{color:#fabd00;width:1.5em;height:1.5em;transition:transform .2s}nav.side .menu-side-content .menu .menu__item .menu__sub{background:rgba(128,128,128,.05);border-top:1px solid rgba(0,0,0,.1);padding:0 1em 0 2em;transform-origin:top;transform:scaleY(0);transition:transform .2s,height .21s;height:0}nav.side .menu-side-content .menu .menu__item .menu__sub .menu__item{margin:.2em 0}nav.side .menu-side-content .menu .menu__item .menu__sub .menu__item a{color:#fff;background:#05a0e2;padding:.1em .5em;border-radius:3px}nav.side .menu-side-content .menu .menu__item .menu__sub .menu__item .icon{font-size:1.4em;margin-right:12px}nav.side .menu-side-content .menu .menu__item [type=checkbox]:checked~label .icon-down{transform:rotate(180deg)}nav.side .menu-side-content .menu .menu__item [type=checkbox]:checked~label~.menu__sub{padding:1em 1em 1em 2em;transform:scaleY(1);height:100%}footer.inited,nav.inited{opacity:1}
.footer-container{background-color:#1374a3}.footer-container footer{padding:2em var(--x-padding) 0}.landing_page.footer-container footer{padding:2em var(--x-padding) 4em}@media only screen and (min-width:768px){.landing_page.footer-container footer{padding:2em var(--x-padding) 0}}.footer-container footer .footer-menu__partners p{text-align:center;font-size:.8em;color:#fff}@media only screen and (min-width:768px){.footer-container footer .footer-menu__partners p{font-size:1em}}.footer-container footer .partners{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:1rem 0;list-style:none}.footer-container footer .partners img{height:50px;width:auto;object-fit:contain;transition:transform .2s ease}.footer-container footer .partners img.half{height:30px}.footer-container footer .partners img:hover{transform:scale(1.05)}@media (max-width:767px){.footer-container footer .partners{gap:1rem}.footer-container footer .partners img{height:40px}.footer-container footer .partners img.half{height:20px}}.footer-container footer .footer-menu__part{font-size:11px;width:100%;border-bottom:solid 3px #fabd00;padding-bottom:2em}.footer-container footer .footer-menu__part:first-child{padding-bottom:0}.footer-container footer .footer-menu__part:last-child{border:none;padding-bottom:10px;margin-bottom:0}.footer-container footer .footer-menu__part.footer-menu__part--extra .footer-menu__content{justify-content:flex-start}@media only screen and (min-width:1024px){.footer-container footer .footer-menu__part.footer-menu__part--extra .footer-menu__content{justify-content:space-between}}.footer-container footer .footer-menu__part .footer-menu__title{color:#fabd00;font-size:1.5em;font-weight:700}.footer-container footer .footer-menu__part>.footer-menu__title{margin-bottom:16px;margin-left:16px}@media only screen and (min-width:768px){.footer-container footer .footer-menu__part>.footer-menu__title{margin-left:0}}.footer-container footer .footer-menu__part .footer-menu__content{color:#fff;display:flex;justify-content:space-around;flex-wrap:wrap}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list{flex-basis:100%;padding:0 0 2em}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__title.footer-menu__title--with-sprite .sprite.logo-ba-white{font-size:2em;--colorset-color:#fabd00}@media only screen and (min-width:768px){.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__title.footer-menu__title--with-sprite .sprite.logo-ba-white{font-size:3em}}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items{list-style:none;padding:0;margin:.5em 0 0;display:flex;flex-wrap:wrap;gap:1em}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items li{padding:0}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items li .obflink,.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items li a{color:#fff;border-radius:3px;padding:.25em .5em;font-size:1em;line-height:normal;background-color:rgba(5,160,226,.2);font-weight:700;display:block;border:1px solid rgba(255,255,255,.1);cursor:pointer}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items li.footer-menu__item.footer-menu__item--with-icon .icon{font-size:22px;margin-right:10px}@media only screen and (min-width:480px){.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items{column-count:2;padding:0}.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items li{white-space:nowrap}}@media only screen and (min-width:768px){.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items{font-size:1.1em}}@media only screen and (min-width:1024px){.footer-container footer .footer-menu__part .footer-menu__content>div.footer-menu__items-list .footer-menu__items{font-size:1.1em}}.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__items.footer-menu__items--1col{column-count:1!important}.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__links--inline{list-style:none;display:flex;justify-content:flex-start;padding:0;margin:0}.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__links--inline li{margin:0;padding:0;margin-right:10px;display:inline-block}.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__links--inline.footer-menu__social .obflink,.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__links--inline.footer-menu__social a{display:flex;align-items:center;cursor:pointer}.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__links--inline.footer-menu__social .obflink svg.sprite,.footer-container footer .footer-menu__part .footer-menu__content .footer-menu__links--inline.footer-menu__social a svg.sprite{width:1em;height:1em}.footer-container footer .footer-menu__part .footer-menu__bottom{text-align:center;color:#fff;margin:auto;font-size:10px;padding-top:24px;padding-bottom:16px}.footer-container footer .footer-menu__part .footer-menu__bottom p{margin:0;line-height:1.5em}@media only screen and (min-width:768px){.footer-container footer .footer-menu__part .footer-menu__bottom p span{display:block}}.footer-container footer .footer-partners{padding-top:0;padding-bottom:0;margin-top:1rem;margin-bottom:0}.footer-container footer .footer-tagline{font-size:.75rem;text-align:center;margin-bottom:1rem;color:#fff}@media (min-width:1024px){.footer-container footer .footer-tagline{font-size:.875rem}}.footer-container footer .footer-logos{display:flex;justify-content:center;align-items:flex-start;font-size:.8em;text-align:center}.footer-container footer .footer-logos .sprite{font-size:1.2em}@media (min-width:1024px){.footer-container footer .footer-logos{font-size:1em}}.footer-container footer .footer-logo-item{display:flex;flex-direction:column;align-items:flex-start}.footer-container footer .footer-logo-item--spaced{padding-left:clamp(1rem,8vw,16rem);padding-right:clamp(1rem,8vw,16rem)}.footer-container footer .footer-logo-title{font-weight:700;font-size:1.15em;margin-bottom:.25rem}.footer-container footer .footer-logo-title--yellow{color:#fabd00}.footer-container footer .footer-logo-title--bnet{color:#ee7850}.footer-container footer .footer-logo-title--blue{color:#05a0e2}
.sprite__wrapper{display:inline-block;font-size:16px}.sprite{display:block}.sprite.benefit-bestprices,.sprite.benefit-handpicked,.sprite.benefit-weareBCN{height:1em;width:1em;font-size:5em}.sprite.logo-ba-white,.sprite.logo-bcn-com-black{height:1em;width:3.392983333333333em;font-size:3.75em}.sprite.icon-close{height:1em;width:1.4em;font-size:14px}.sprite.card-amex,.sprite.card-discover,.sprite.card-mastercard,.sprite.card-paypal,.sprite.card-visa{height:1em;width:1.55em;font-size:1.25em}.sprite.icon-parkguell{height:1em;width:1.13em;font-size:4.31em}.sprite.icon-sagradafamilia{height:1em;width:1.13em;font-size:4.31em}.sprite.icon-campnou{height:1em;width:1.13em;font-size:4.31em}.sprite.icon-citypass{height:1em;width:1.13em;font-size:4.31em}.sprite.icon-casavicens{height:1em;width:1.13em;font-size:4.31em}.sprite.icon-gaudi,.sprite.icon-night,.sprite.icon-shop,.sprite.icon-wheretoeat{height:1em;width:1.13em;font-size:3.8125em}.sprite.flag-de,.sprite.flag-dk,.sprite.flag-en,.sprite.flag-es,.sprite.flag-fr,.sprite.flag-it,.sprite.flag-nl,.sprite.flag-pt,.sprite.flag-ru{height:1em;width:1.333333em;font-size:1em}.sprite.icon-pdf{height:1.333333em;width:1em;font-size:1em}.sprite.icon-avatar{height:1em;width:1.35em;font-size:3em}.sprite.icon-tips{height:1em;width:1.35em;font-size:3em}.sprite.logo-bcn-com-color,.sprite.logo-bcn-net-color,.sprite.logo-bcn-org-color{height:2em;width:6em;font-size:1.5em}