CINXE.COM
Culers Premium Membership | Official FC Barcelona Channel
<!DOCTYPE html> <html lang="en"> <head> <meta name="twitter:title" content="Culers Premium Membership | Official FC Barcelona Channel"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="https://www.fcbarcelona.com/resources/v2.92.4-6583/i/elements/fcb-share.png"/> <meta property="og:image" content="https://www.fcbarcelona.com/resources/v2.92.4-6583/i/elements/fcb-share.png"/> <title>Culers Premium Membership | Official FC Barcelona Channel</title> <meta name="robots" content="noindex,nofollow"/> <meta property="og:type" content="website"/> <meta name="description" content="Subscribe to Culers Premium Membership and get unlimited access to Barça TV+, Culers membership card, offers on tickets and products, and much more."/> <meta name="twitter:site" content="@FCB"/> <meta name="twitter:description" content="Subscribe to Culers Premium Membership and get unlimited access to Barça TV+, Culers membership card, offers on tickets and products, and much more."/> <meta property="og:title" content="Culers Premium Membership | Official FC Barcelona Channel"/> <link rel="canonical" href="https://www.fcbarcelona.com/en/culers"/> <meta property="og:description" content="Subscribe to Culers Premium Membership and get unlimited access to Barça TV+, Culers membership card, offers on tickets and products, and much more."/> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="application-name" content="Barça"> <meta name="apple-mobile-web-app-title" content="Barça"> <meta name="theme-color" content="#FFFFFF"> <meta name="msapplication-navbutton-color" content="#FFFFFF"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="msapplication-starturl" content="/"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="manifest" href="/resources/v2.92.4-6583/manifest.json"> <!-- Set resource version variable on window --> <script> window.RESOURCE_VERSION = 'v2.92.4-6583'; console.info( `%c Version: ${ window.RESOURCE_VERSION } `, "background-color: #cd122d; color: #ffffff;" ); </script> <script>window.VIDEO_PERSONALISATION_ENABLED = 'true'</script> <script>window.SALESFORCE_SSO = 'true'</script> <script>window.OTT_REQUEST = 'web'</script> <script>window.FLOW_ID_FREE_VIDEO_MODAL_REGISTER = 'register'</script> <script>window.FLOW_ID_FREE_VIDEO_MODAL_LOGIN = 'login'</script> <script>window.FLOW_ID_PREMIUM_VIDEO_MODAL_SUBSCRIBE = 'culerspremium'</script> <script>window.FLOW_ID_PREMIUM_VIDEO_MODAL_LOGIN = 'login'</script> <link rel="icon" sizes="192x192" type="image/png" href="/resources/v2.92.4-6583/i/icons/android-icon-192x192.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-60x60.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/resources/v2.92.4-6583/i/icons/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="/resources/v2.92.4-6583/i/favicon/favicon-196x196.png" sizes="196x196" /> <link rel="icon" type="image/png" href="/resources/v2.92.4-6583/i/favicon/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/resources/v2.92.4-6583/i/favicon/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/resources/v2.92.4-6583/i/favicon/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/png" href="/resources/v2.92.4-6583/i/favicon/favicon-128x128.png" sizes="128x128" /> <link rel="shortcut icon" href="/resources/v2.92.4-6583/i/favicon/favicon.ico" /> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONA-Regular.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONA-Bold.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONA-Semibold.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONA-Light.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONA-Extrabold.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Regular.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Bold.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Semibold.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Light.woff2" as="font" crossorigin> <link rel="preload" href="/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-condensed-Extrabold.woff2" as="font" crossorigin> <style> @font-face { font-family: fcb-bold; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Bold.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Bold.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Bold.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Bold.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-extra-bold; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Extrabold.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Extrabold.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Extrabold.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Extrabold.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Extrabold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-light; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Light.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Light.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Light.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Light.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-semi-bold; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Semibold.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Semibold.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Semibold.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Semibold.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Semibold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-regular; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Regular.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Regular.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Regular.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Regular.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONA-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-condensed-bold; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Bold.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Bold.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Bold.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Bold.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-condensed-extra-bold; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Extrabold.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Extrabold.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Extrabold.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Extrabold.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Extrabold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-condensed-light; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Light.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Light.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Light.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Light.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-condensed-semi-bold; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Semibold.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Semibold.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Semibold.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Semibold.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Semibold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fcb-condensed-regular; src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Regular.eot'); src: url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Regular.woff2') format('woff2'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Regular.woff') format('woff'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Regular.ttf') format('truetype'), url('/resources/v2.92.4-6583/fonts/FC_BARCELONACONDENSEDPRO-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } </style> <link rel="stylesheet" href="/resources/v2.92.4-6583/styles/screen.min.css" /> <div class="simple-embed js-simple-embed"> <style> html {opacity: 1!important;} [data-menu-origin-type="Barça Teams"] .mega-dropdown__column:last-child, [data-menu-origin-type="Més equips"] .mega-dropdown__column:last-child, [data-menu-origin-type="Más equipos"] .mega-dropdown__column:last-child {border-left: .1rem solid #29283d;} /*.js-middle-navigation-menu-item:nth-child(4) {display: none!important;}*/ .content-popup, .modal {z-index: 100;} .fromhome {color: #154284;background: #FFCA00;padding: 0 8px;border-radius: 4px;margin-left: 6px;font-size: 1.2rem;font-style: italic;text-decoration: none;} span.fromhome:hover {text-decoration: none;} @media (max-width: 840px){ .fromhome {color: #D31138;background: #fff;} } </style> </div> <div class="simple-embed js-simple-embed"> <style> .footer-sponsors__sponsor--ambilight svg, .marketing-partners__logo--ambilight {background:url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/05/25/8121b111-9451-4c2e-a380-876bb0085c66/logo-ambilight.svg ) no-repeat center;background-size:contain;} .marketing-partners__logo--ambilight {width:11rem;} @media (max-width:1025px) { .footer-sponsors__sponsor--ambilight {width:20%;} .marketing-partners__logo--ambilight {width:11rem;} } @media (max-width:640px) { .footer-sponsors__sponsor--ambilight {width:27%;} .marketing-partners__logo--ambilight {width:8rem;} } </style> </div> <div class="simple-embed js-simple-embed"> <style> .middle-navigation__item--active .middle-navigation__icon-arrow {display:none;} </style> </div> <div class="simple-embed js-simple-embed"> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> /* Active transition */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, blockquote:before, blockquote:after, q:before, q:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } svg:not(:root) { overflow: hidden; } a { background-color: transparent; } a:active, a:hover { outline: 0; } html { font-size: 10px; } body { font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1.4rem; background-color: #020814; opacity: 1; } body.loaded { -moz-transition: opacity 0.75s ease-in; -o-transition: opacity 0.75s ease-in; -webkit-transition: opacity 0.75s ease-in; transition: opacity 0.75s ease-in; opacity: 1; } svg:not(:root) { overflow: hidden; } a { background-color: transparent; } a:active, a:hover { outline: 0; } [data-aos='barca-in-up'] { -webkit-transition: opacity 0.6s ease-out, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s ease-out, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-out; transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-out, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } [data-aos='barca-in-up'].aos-animate { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } [data-aos='barca-in-right'] { -webkit-transition: opacity 0.6s ease-out, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s ease-out, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-out; transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-out, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } [data-aos='barca-in-right'].aos-animate { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .grid { width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } .grid.h-align-top { align-content: flex-start; } .grid.h-align-middle { align-content: center; } .grid.h-align-bottom { align-content: flex-end; } .grid.v-align-top { align-items: flex-start; } .grid.v-align-middle { align-items: center; } .grid.v-align-bottom { align-items: flex-end; } .grid .col { flex: 1 0 0%; min-width: 0; } .grid.spacing-1 > div { padding: 4px; } .grid.spacing-2 > div { padding: 8px; } .grid.spacing-3 > div { padding: 12px; } .grid.spacing-4 > div { padding: 16px; } .grid.spacing-5 > div { padding: 20px; } .grid.spacing-6 > div { padding: 24px; } .grid.spacing-7 > div { padding: 28px; } .grid.spacing-8 > div { padding: 32px; } .grid.spacing-9 > div { padding: 36px; } .grid.spacing-10 > div { padding: 40px; } .grid .col-10-1 { flex-grow: 0; max-width: 10%; flex-basis: 10%; margin: 0; box-sizing: border-box; } .grid .col-10-2 { flex-grow: 0; max-width: 20%; flex-basis: 20%; margin: 0; box-sizing: border-box; } .grid .col-10-3 { flex-grow: 0; max-width: 30%; flex-basis: 30%; margin: 0; box-sizing: border-box; } .grid .col-10-4 { flex-grow: 0; max-width: 40%; flex-basis: 40%; margin: 0; box-sizing: border-box; } .grid .col-10-5 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-10-6 { flex-grow: 0; max-width: 60%; flex-basis: 60%; margin: 0; box-sizing: border-box; } .grid .col-10-7 { flex-grow: 0; max-width: 70%; flex-basis: 70%; margin: 0; box-sizing: border-box; } .grid .col-10-8 { flex-grow: 0; max-width: 80%; flex-basis: 80%; margin: 0; box-sizing: border-box; } .grid .col-10-9 { flex-grow: 0; max-width: 90%; flex-basis: 90%; margin: 0; box-sizing: border-box; } .grid .col-10-10 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-10-1 { margin-left: 10%; } .grid .offset-10-2 { margin-left: 20%; } .grid .offset-10-3 { margin-left: 30%; } .grid .offset-10-4 { margin-left: 40%; } .grid .offset-10-5 { margin-left: 50%; } .grid .offset-10-6 { margin-left: 60%; } .grid .offset-10-7 { margin-left: 70%; } .grid .offset-10-8 { margin-left: 80%; } .grid .offset-10-9 { margin-left: 90%; } @media (min-width: 576px) { .grid .col-sm { flex: 1 0 0%; min-width: 0; } .grid.spacing-sm-1 > div { padding: 4px; } .grid.spacing-sm-2 > div { padding: 8px; } .grid.spacing-sm-3 > div { padding: 12px; } .grid.spacing-sm-4 > div { padding: 16px; } .grid.spacing-sm-5 > div { padding: 20px; } .grid.spacing-sm-6 > div { padding: 24px; } .grid.spacing-sm-7 > div { padding: 28px; } .grid.spacing-sm-8 > div { padding: 32px; } .grid.spacing-sm-9 > div { padding: 36px; } .grid.spacing-sm-10 > div { padding: 40px; } .grid .col-sm-10-1 { flex-grow: 0; max-width: 10%; flex-basis: 10%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-2 { flex-grow: 0; max-width: 20%; flex-basis: 20%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-3 { flex-grow: 0; max-width: 30%; flex-basis: 30%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-4 { flex-grow: 0; max-width: 40%; flex-basis: 40%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-5 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-6 { flex-grow: 0; max-width: 60%; flex-basis: 60%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-7 { flex-grow: 0; max-width: 70%; flex-basis: 70%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-8 { flex-grow: 0; max-width: 80%; flex-basis: 80%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-9 { flex-grow: 0; max-width: 90%; flex-basis: 90%; margin: 0; box-sizing: border-box; } .grid .col-sm-10-10 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-sm-10-1 { margin-left: 10%; } .grid .offset-sm-10-2 { margin-left: 20%; } .grid .offset-sm-10-3 { margin-left: 30%; } .grid .offset-sm-10-4 { margin-left: 40%; } .grid .offset-sm-10-5 { margin-left: 50%; } .grid .offset-sm-10-6 { margin-left: 60%; } .grid .offset-sm-10-7 { margin-left: 70%; } .grid .offset-sm-10-8 { margin-left: 80%; } .grid .offset-sm-10-9 { margin-left: 90%; } } @media (min-width: 768px) { .grid .col-md { flex: 1 0 0%; min-width: 0; } .grid.spacing-md-1 > div { padding: 4px; } .grid.spacing-md-2 > div { padding: 8px; } .grid.spacing-md-3 > div { padding: 12px; } .grid.spacing-md-4 > div { padding: 16px; } .grid.spacing-md-5 > div { padding: 20px; } .grid.spacing-md-6 > div { padding: 24px; } .grid.spacing-md-7 > div { padding: 28px; } .grid.spacing-md-8 > div { padding: 32px; } .grid.spacing-md-9 > div { padding: 36px; } .grid.spacing-md-10 > div { padding: 40px; } .grid .col-md-10-1 { flex-grow: 0; max-width: 10%; flex-basis: 10%; margin: 0; box-sizing: border-box; } .grid .col-md-10-2 { flex-grow: 0; max-width: 20%; flex-basis: 20%; margin: 0; box-sizing: border-box; } .grid .col-md-10-3 { flex-grow: 0; max-width: 30%; flex-basis: 30%; margin: 0; box-sizing: border-box; } .grid .col-md-10-4 { flex-grow: 0; max-width: 40%; flex-basis: 40%; margin: 0; box-sizing: border-box; } .grid .col-md-10-5 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-md-10-6 { flex-grow: 0; max-width: 60%; flex-basis: 60%; margin: 0; box-sizing: border-box; } .grid .col-md-10-7 { flex-grow: 0; max-width: 70%; flex-basis: 70%; margin: 0; box-sizing: border-box; } .grid .col-md-10-8 { flex-grow: 0; max-width: 80%; flex-basis: 80%; margin: 0; box-sizing: border-box; } .grid .col-md-10-9 { flex-grow: 0; max-width: 90%; flex-basis: 90%; margin: 0; box-sizing: border-box; } .grid .col-md-10-10 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-md-10-1 { margin-left: 10%; } .grid .offset-md-10-2 { margin-left: 20%; } .grid .offset-md-10-3 { margin-left: 30%; } .grid .offset-md-10-4 { margin-left: 40%; } .grid .offset-md-10-5 { margin-left: 50%; } .grid .offset-md-10-6 { margin-left: 60%; } .grid .offset-md-10-7 { margin-left: 70%; } .grid .offset-md-10-8 { margin-left: 80%; } .grid .offset-md-10-9 { margin-left: 90%; } } @media (min-width: 992px) { .grid .col-lg { flex: 1 0 0%; min-width: 0; } .grid.spacing-lg-1 > div { padding: 4px; } .grid.spacing-lg-2 > div { padding: 8px; } .grid.spacing-lg-3 > div { padding: 12px; } .grid.spacing-lg-4 > div { padding: 16px; } .grid.spacing-lg-5 > div { padding: 20px; } .grid.spacing-lg-6 > div { padding: 24px; } .grid.spacing-lg-7 > div { padding: 28px; } .grid.spacing-lg-8 > div { padding: 32px; } .grid.spacing-lg-9 > div { padding: 36px; } .grid.spacing-lg-10 > div { padding: 40px; } .grid .col-lg-10-1 { flex-grow: 0; max-width: 10%; flex-basis: 10%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-2 { flex-grow: 0; max-width: 20%; flex-basis: 20%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-3 { flex-grow: 0; max-width: 30%; flex-basis: 30%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-4 { flex-grow: 0; max-width: 40%; flex-basis: 40%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-5 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-6 { flex-grow: 0; max-width: 60%; flex-basis: 60%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-7 { flex-grow: 0; max-width: 70%; flex-basis: 70%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-8 { flex-grow: 0; max-width: 80%; flex-basis: 80%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-9 { flex-grow: 0; max-width: 90%; flex-basis: 90%; margin: 0; box-sizing: border-box; } .grid .col-lg-10-10 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-lg-10-1 { margin-left: 10%; } .grid .offset-lg-10-2 { margin-left: 20%; } .grid .offset-lg-10-3 { margin-left: 30%; } .grid .offset-lg-10-4 { margin-left: 40%; } .grid .offset-lg-10-5 { margin-left: 50%; } .grid .offset-lg-10-6 { margin-left: 60%; } .grid .offset-lg-10-7 { margin-left: 70%; } .grid .offset-lg-10-8 { margin-left: 80%; } .grid .offset-lg-10-9 { margin-left: 90%; } } @media (min-width: 1200px) { .grid .col-xl { flex: 1 0 0%; min-width: 0; } .grid.spacing-xl-1 > div { padding: 4px; } .grid.spacing-xl-2 > div { padding: 8px; } .grid.spacing-xl-3 > div { padding: 12px; } .grid.spacing-xl-4 > div { padding: 16px; } .grid.spacing-xl-5 > div { padding: 20px; } .grid.spacing-xl-6 > div { padding: 24px; } .grid.spacing-xl-7 > div { padding: 28px; } .grid.spacing-xl-8 > div { padding: 32px; } .grid.spacing-xl-9 > div { padding: 36px; } .grid.spacing-xl-10 > div { padding: 40px; } .grid .col-xl-10-1 { flex-grow: 0; max-width: 10%; flex-basis: 10%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-2 { flex-grow: 0; max-width: 20%; flex-basis: 20%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-3 { flex-grow: 0; max-width: 30%; flex-basis: 30%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-4 { flex-grow: 0; max-width: 40%; flex-basis: 40%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-5 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-6 { flex-grow: 0; max-width: 60%; flex-basis: 60%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-7 { flex-grow: 0; max-width: 70%; flex-basis: 70%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-8 { flex-grow: 0; max-width: 80%; flex-basis: 80%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-9 { flex-grow: 0; max-width: 90%; flex-basis: 90%; margin: 0; box-sizing: border-box; } .grid .col-xl-10-10 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-xl-10-1 { margin-left: 10%; } .grid .offset-xl-10-2 { margin-left: 20%; } .grid .offset-xl-10-3 { margin-left: 30%; } .grid .offset-xl-10-4 { margin-left: 40%; } .grid .offset-xl-10-5 { margin-left: 50%; } .grid .offset-xl-10-6 { margin-left: 60%; } .grid .offset-xl-10-7 { margin-left: 70%; } .grid .offset-xl-10-8 { margin-left: 80%; } .grid .offset-xl-10-9 { margin-left: 90%; } } .grid .col { flex: 1 0 0%; min-width: 0; } .grid.spacing-1 > div { padding: 4px; } .grid.spacing-2 > div { padding: 8px; } .grid.spacing-3 > div { padding: 12px; } .grid.spacing-4 > div { padding: 16px; } .grid.spacing-5 > div { padding: 20px; } .grid.spacing-6 > div { padding: 24px; } .grid.spacing-7 > div { padding: 28px; } .grid.spacing-8 > div { padding: 32px; } .grid.spacing-9 > div { padding: 36px; } .grid.spacing-10 > div { padding: 40px; } .grid .col-12-1 { flex-grow: 0; max-width: 8.33333%; flex-basis: 8.33333%; margin: 0; box-sizing: border-box; } .grid .col-12-2 { flex-grow: 0; max-width: 16.66667%; flex-basis: 16.66667%; margin: 0; box-sizing: border-box; } .grid .col-12-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; margin: 0; box-sizing: border-box; } .grid .col-12-4 { flex-grow: 0; max-width: 33.33333%; flex-basis: 33.33333%; margin: 0; box-sizing: border-box; } .grid .col-12-5 { flex-grow: 0; max-width: 41.66667%; flex-basis: 41.66667%; margin: 0; box-sizing: border-box; } .grid .col-12-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-12-7 { flex-grow: 0; max-width: 58.33333%; flex-basis: 58.33333%; margin: 0; box-sizing: border-box; } .grid .col-12-8 { flex-grow: 0; max-width: 66.66667%; flex-basis: 66.66667%; margin: 0; box-sizing: border-box; } .grid .col-12-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; margin: 0; box-sizing: border-box; } .grid .col-12-10 { flex-grow: 0; max-width: 83.33333%; flex-basis: 83.33333%; margin: 0; box-sizing: border-box; } .grid .col-12-11 { flex-grow: 0; max-width: 91.66667%; flex-basis: 91.66667%; margin: 0; box-sizing: border-box; } .grid .col-12-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-12-1 { margin-left: 8.33333%; } .grid .offset-12-2 { margin-left: 16.66667%; } .grid .offset-12-3 { margin-left: 25%; } .grid .offset-12-4 { margin-left: 33.33333%; } .grid .offset-12-5 { margin-left: 41.66667%; } .grid .offset-12-6 { margin-left: 50%; } .grid .offset-12-7 { margin-left: 58.33333%; } .grid .offset-12-8 { margin-left: 66.66667%; } .grid .offset-12-9 { margin-left: 75%; } .grid .offset-12-10 { margin-left: 83.33333%; } .grid .offset-12-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .grid .col-sm { flex: 1 0 0%; min-width: 0; } .grid.spacing-sm-1 > div { padding: 4px; } .grid.spacing-sm-2 > div { padding: 8px; } .grid.spacing-sm-3 > div { padding: 12px; } .grid.spacing-sm-4 > div { padding: 16px; } .grid.spacing-sm-5 > div { padding: 20px; } .grid.spacing-sm-6 > div { padding: 24px; } .grid.spacing-sm-7 > div { padding: 28px; } .grid.spacing-sm-8 > div { padding: 32px; } .grid.spacing-sm-9 > div { padding: 36px; } .grid.spacing-sm-10 > div { padding: 40px; } .grid .col-sm-12-1 { flex-grow: 0; max-width: 8.33333%; flex-basis: 8.33333%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-2 { flex-grow: 0; max-width: 16.66667%; flex-basis: 16.66667%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-4 { flex-grow: 0; max-width: 33.33333%; flex-basis: 33.33333%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-5 { flex-grow: 0; max-width: 41.66667%; flex-basis: 41.66667%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-7 { flex-grow: 0; max-width: 58.33333%; flex-basis: 58.33333%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-8 { flex-grow: 0; max-width: 66.66667%; flex-basis: 66.66667%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-10 { flex-grow: 0; max-width: 83.33333%; flex-basis: 83.33333%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-11 { flex-grow: 0; max-width: 91.66667%; flex-basis: 91.66667%; margin: 0; box-sizing: border-box; } .grid .col-sm-12-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-sm-12-1 { margin-left: 8.33333%; } .grid .offset-sm-12-2 { margin-left: 16.66667%; } .grid .offset-sm-12-3 { margin-left: 25%; } .grid .offset-sm-12-4 { margin-left: 33.33333%; } .grid .offset-sm-12-5 { margin-left: 41.66667%; } .grid .offset-sm-12-6 { margin-left: 50%; } .grid .offset-sm-12-7 { margin-left: 58.33333%; } .grid .offset-sm-12-8 { margin-left: 66.66667%; } .grid .offset-sm-12-9 { margin-left: 75%; } .grid .offset-sm-12-10 { margin-left: 83.33333%; } .grid .offset-sm-12-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .grid .col-md { flex: 1 0 0%; min-width: 0; } .grid.spacing-md-1 > div { padding: 4px; } .grid.spacing-md-2 > div { padding: 8px; } .grid.spacing-md-3 > div { padding: 12px; } .grid.spacing-md-4 > div { padding: 16px; } .grid.spacing-md-5 > div { padding: 20px; } .grid.spacing-md-6 > div { padding: 24px; } .grid.spacing-md-7 > div { padding: 28px; } .grid.spacing-md-8 > div { padding: 32px; } .grid.spacing-md-9 > div { padding: 36px; } .grid.spacing-md-10 > div { padding: 40px; } .grid .col-md-12-1 { flex-grow: 0; max-width: 8.33333%; flex-basis: 8.33333%; margin: 0; box-sizing: border-box; } .grid .col-md-12-2 { flex-grow: 0; max-width: 16.66667%; flex-basis: 16.66667%; margin: 0; box-sizing: border-box; } .grid .col-md-12-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; margin: 0; box-sizing: border-box; } .grid .col-md-12-4 { flex-grow: 0; max-width: 33.33333%; flex-basis: 33.33333%; margin: 0; box-sizing: border-box; } .grid .col-md-12-5 { flex-grow: 0; max-width: 41.66667%; flex-basis: 41.66667%; margin: 0; box-sizing: border-box; } .grid .col-md-12-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-md-12-7 { flex-grow: 0; max-width: 58.33333%; flex-basis: 58.33333%; margin: 0; box-sizing: border-box; } .grid .col-md-12-8 { flex-grow: 0; max-width: 66.66667%; flex-basis: 66.66667%; margin: 0; box-sizing: border-box; } .grid .col-md-12-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; margin: 0; box-sizing: border-box; } .grid .col-md-12-10 { flex-grow: 0; max-width: 83.33333%; flex-basis: 83.33333%; margin: 0; box-sizing: border-box; } .grid .col-md-12-11 { flex-grow: 0; max-width: 91.66667%; flex-basis: 91.66667%; margin: 0; box-sizing: border-box; } .grid .col-md-12-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-md-12-1 { margin-left: 8.33333%; } .grid .offset-md-12-2 { margin-left: 16.66667%; } .grid .offset-md-12-3 { margin-left: 25%; } .grid .offset-md-12-4 { margin-left: 33.33333%; } .grid .offset-md-12-5 { margin-left: 41.66667%; } .grid .offset-md-12-6 { margin-left: 50%; } .grid .offset-md-12-7 { margin-left: 58.33333%; } .grid .offset-md-12-8 { margin-left: 66.66667%; } .grid .offset-md-12-9 { margin-left: 75%; } .grid .offset-md-12-10 { margin-left: 83.33333%; } .grid .offset-md-12-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .grid .col-lg { flex: 1 0 0%; min-width: 0; } .grid.spacing-lg-1 > div { padding: 4px; } .grid.spacing-lg-2 > div { padding: 8px; } .grid.spacing-lg-3 > div { padding: 12px; } .grid.spacing-lg-4 > div { padding: 16px; } .grid.spacing-lg-5 > div { padding: 20px; } .grid.spacing-lg-6 > div { padding: 24px; } .grid.spacing-lg-7 > div { padding: 28px; } .grid.spacing-lg-8 > div { padding: 32px; } .grid.spacing-lg-9 > div { padding: 36px; } .grid.spacing-lg-10 > div { padding: 40px; } .grid .col-lg-12-1 { flex-grow: 0; max-width: 8.33333%; flex-basis: 8.33333%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-2 { flex-grow: 0; max-width: 16.66667%; flex-basis: 16.66667%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-4 { flex-grow: 0; max-width: 33.33333%; flex-basis: 33.33333%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-5 { flex-grow: 0; max-width: 41.66667%; flex-basis: 41.66667%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-7 { flex-grow: 0; max-width: 58.33333%; flex-basis: 58.33333%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-8 { flex-grow: 0; max-width: 66.66667%; flex-basis: 66.66667%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-10 { flex-grow: 0; max-width: 83.33333%; flex-basis: 83.33333%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-11 { flex-grow: 0; max-width: 91.66667%; flex-basis: 91.66667%; margin: 0; box-sizing: border-box; } .grid .col-lg-12-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-lg-12-1 { margin-left: 8.33333%; } .grid .offset-lg-12-2 { margin-left: 16.66667%; } .grid .offset-lg-12-3 { margin-left: 25%; } .grid .offset-lg-12-4 { margin-left: 33.33333%; } .grid .offset-lg-12-5 { margin-left: 41.66667%; } .grid .offset-lg-12-6 { margin-left: 50%; } .grid .offset-lg-12-7 { margin-left: 58.33333%; } .grid .offset-lg-12-8 { margin-left: 66.66667%; } .grid .offset-lg-12-9 { margin-left: 75%; } .grid .offset-lg-12-10 { margin-left: 83.33333%; } .grid .offset-lg-12-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .grid .col-xl { flex: 1 0 0%; min-width: 0; } .grid.spacing-xl-1 > div { padding: 4px; } .grid.spacing-xl-2 > div { padding: 8px; } .grid.spacing-xl-3 > div { padding: 12px; } .grid.spacing-xl-4 > div { padding: 16px; } .grid.spacing-xl-5 > div { padding: 20px; } .grid.spacing-xl-6 > div { padding: 24px; } .grid.spacing-xl-7 > div { padding: 28px; } .grid.spacing-xl-8 > div { padding: 32px; } .grid.spacing-xl-9 > div { padding: 36px; } .grid.spacing-xl-10 > div { padding: 40px; } .grid .col-xl-12-1 { flex-grow: 0; max-width: 8.33333%; flex-basis: 8.33333%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-2 { flex-grow: 0; max-width: 16.66667%; flex-basis: 16.66667%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-4 { flex-grow: 0; max-width: 33.33333%; flex-basis: 33.33333%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-5 { flex-grow: 0; max-width: 41.66667%; flex-basis: 41.66667%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-7 { flex-grow: 0; max-width: 58.33333%; flex-basis: 58.33333%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-8 { flex-grow: 0; max-width: 66.66667%; flex-basis: 66.66667%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-10 { flex-grow: 0; max-width: 83.33333%; flex-basis: 83.33333%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-11 { flex-grow: 0; max-width: 91.66667%; flex-basis: 91.66667%; margin: 0; box-sizing: border-box; } .grid .col-xl-12-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; margin: 0; box-sizing: border-box; } .grid .offset-xl-12-1 { margin-left: 8.33333%; } .grid .offset-xl-12-2 { margin-left: 16.66667%; } .grid .offset-xl-12-3 { margin-left: 25%; } .grid .offset-xl-12-4 { margin-left: 33.33333%; } .grid .offset-xl-12-5 { margin-left: 41.66667%; } .grid .offset-xl-12-6 { margin-left: 50%; } .grid .offset-xl-12-7 { margin-left: 58.33333%; } .grid .offset-xl-12-8 { margin-left: 66.66667%; } .grid .offset-xl-12-9 { margin-left: 75%; } .grid .offset-xl-12-10 { margin-left: 83.33333%; } .grid .offset-xl-12-11 { margin-left: 91.66667%; } } .container { position: relative; width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { position: relative; width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .button { display: inline-block; text-decoration: none; padding: 0.5rem 1rem; line-height: 1; border: none; cursor: pointer; opacity: 1; } .button:hover { opacity: 0.9; } .button:active, .button:focus { outline: none; } .barca-btn { font-family: fcb-semi-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none; padding: 1em; font-size: 16px; line-height: 1; border: none; -webkit-appearance: button; cursor: pointer; transition: all 0.3s ease; -webkit-transform: translateY(0); transform: translateY(0); } .barca-btn:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); } .barca-btn:active { -webkit-transform: translateY(1px); transform: translateY(1px); -webkit-box-shadow: 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px -2px rgba(50, 50, 93, 0.25), 0 3px 7px -3px rgba(0, 0, 0, 0.3); } .barca-btn:active, .barca-btn:focus { outline: none; } .barca-btn.barca-btn-gradient { color: #ffffff; background: #f10a2a; background: -moz-linear-gradient(225deg, #f10a2a 0%, #004087 100%); background: -webkit-linear-gradient(225deg, #f10a2a 0%, #004087 100%); background: linear-gradient(225deg, #f10a2a 0%, #004087 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f10a2a",endColorstr="#004087",GradientType=1); } .barca-btn.barca-btn-gold { background: #ebbc61; color: #000000; } .barca-btn.barca-btn-white { background: #ffffff; color: #000000; } header { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 40px; padding-top: 2em; text-align: right; } header .grid { justify-content: flex-end; padding-left: 1.5em; padding-right: 1.5em; } @media (min-width: 768px) { header .grid { padding-left: 0; padding-right: 0; } } header .login { font-family: fcb-semi-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; color: #ffffff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 0.5em 1.25em; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background-color: rgba(0, 0, 0, 0.4); } #footer { position: relative; color: rgba(255, 255, 255, 0.75); padding-top: 10em; padding-left: 1.5em; padding-right: 1.5em; padding-bottom: 2em; background: #181733; background: -moz-linear-gradient(180deg, rgba(24, 23, 51, 0) 0%, #181733 100%); background: -webkit-linear-gradient(180deg, rgba(24, 23, 51, 0) 0%, #181733 100%); background: linear-gradient(180deg, rgba(24, 23, 51, 0) 0%, #181733 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#181733",endColorstr="#181733",GradientType=1); } #footer:after { position: absolute; content: ''; bottom: 0; left: 0; height: 0.5em; width: 100%; background: linear-gradient(90deg, #cd122d 0, #154284); } @media (min-width: 768px) { #footer:after { height: 1.6rem; } } #footer .logo { margin-left: -10px; margin-bottom: 1.75em; } @media (min-width: 768px) { #footer .logo { margin-left: 0; } } #footer .logo .icon { fill: #fff; height: 3.2rem; width: 21.6rem; } @media (min-width: 768px) { #footer .logo .icon { height: 4.2rem; width: 21.6rem; } } #footer .copyright { font-family: fcb-light, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; margin-bottom: 1.25em; font-size: 12px; line-height: 14px; width: 100%; flex-basis: 100%; } @media (min-width: 768px) { #footer .copyright { width: 35%; flex-basis: 35%; } } @media (min-width: 992px) { #footer .copyright { width: 50%; flex-basis: 50%; } } #footer .copyright span { font-family: fcb-semi-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; color: #ffffff; } #footer .items { font-family: fcb-light, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 12px; width: 100%; flex-basis: 100%; } @media (min-width: 768px) { #footer .items { text-align: right; width: 65%; flex-basis: 65%; } } @media (min-width: 992px) { #footer .items { width: 50%; flex-basis: 50%; } } #footer .items a { text-decoration: none; color: #ffffff; } #footer .items a:hover { text-decoration: underline; } #footer .items li { padding: 0.8rem; padding-left: 0; display: block; border-right: none; } #footer .items li:last-child { border-right: none; } @media (min-width: 768px) { #footer .items li { padding: 0 1rem; display: inline-block; border-right: 1px solid #ffffff; } } @media (min-width: 992px) { #culers-hero #hero-content { margin-top: -280px; } } #culers-hero .hero-grid { margin-bottom: 6.5em; } @media (min-width: 768px) { #culers-hero .hero-grid { margin-bottom: 13em; } } #culers-hero .background { position: relative; height: 400px; background-size: cover; background-position: center; background-repeat: repeat-x; } @media (min-width: 768px) { #culers-hero .background { height: calc(100vw * 750 / 1980); } } #culers-hero .background .gradient { position: absolute; width: 100%; height: 100%; top: 250px; left: 0; background: #020814; background: -moz-linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 100%); background: -webkit-linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 100%); background: linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020814",endColorstr="#020814",GradientType=1); } #culers-hero .hero-info { position: relative; text-align: center; margin-top: -180px; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { #culers-hero .hero-info { width: 600px; margin-bottom: 5em; } } @media (min-width: 768px) { #culers-hero .hero-info { text-align: left; width: calc(100% - 440px); margin-left: 0; margin-top: 0; margin-bottom: 1em; } } @media (min-width: 992px) { #culers-hero .hero-info { padding-top: 8em; } } #culers-hero .hero-info .title { display: flex; justify-content: center; align-content: center; font-family: fcb-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; width: 100%; color: #ffcc76; font-size: 36px; line-height: 48px; margin-bottom: 0.25em; text-transform: uppercase; } @media (min-width: 768px) { #culers-hero .hero-info .title { justify-content: flex-start; } } #culers-hero .hero-info .title a { display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzU3cHgiIGhlaWdodD0iODNweCIgdmlld0JveD0iMCAwIDM1NyA4MyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDx0aXRsZT5TaW4gdGnMgXR1bG8tMTwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAuMDExMjU4NDA4MSUiIHkxPSI0OS45ODE0OTI5JSIgeDI9IjEwMC4wMDg0MzklIiB5Mj0iNDkuOTgxNDkyOSUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0EwODgzOCIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRTNDNzlEIiBvZmZzZXQ9IjMwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQUM5NDRBIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlNpbi10acyBdHVsby0xIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNzUuMjIsNDQuNTggQzc1LjMxLDQ1LjQ2IDc1LjIyLDQ1LjQzIDc1LjMyLDQ1Ljk0IEM3Ni4zMiw2NS40OSA2Mi43NCw3NC43MiA0Ni4zMiw3NS40IEM0My44LDc3Ljc1IDQxLjAzLDc5LjgxIDQxLjAzLDc5LjgxIEM0MS4wMyw3OS44MSAzOC4yNSw3Ny43NSAzNS43Myw3NS40IEMxOS4yOCw3NC43MiA1LjY2LDY1LjQ5IDYuNzMsNDUuOTQgQzYuNzksNDUuNDMgNi43Myw0NS40NiA2LjgyLDQ0LjU4IEM1Ljg4LDQzLjU4IDQuMzIsNDEuOTYgMy41LDQxLjEzIEM5LjM5LDM1LjAxIDE2LjI4LDIxIDYuNzIsOC4zIEw4LjcyLDUuNjIgQzEwLjcwMzM1OTEsNi4zMTY1NTI5MiAxMi43ODc5NjQxLDYuNjgxNDQzMjYgMTQuODksNi43IEMyMC4zNyw2LjcgMjQuMTIsNi4xNiAyOC43MiwzLjExIEMzNi4wMTMxNDY3LDguNTc1MDAzMTEgNDYuMDM2ODUzMyw4LjU3NTAwMzExIDUzLjMzLDMuMTEgQzU3LjkzLDYuMTYgNjEuNjcsNi43IDY3LjE2LDYuNyBDNjkuMjYyMDM1OSw2LjY4MTQ0MzI2IDcxLjM0NjY0MDksNi4zMTY1NTI5MiA3My4zMyw1LjYyIEw3NS4zMyw4LjMgQzY1Ljc3LDIxIDcyLjY1LDM1LjAxIDc4LjU1LDQxLjEzIEM3Ny43Myw0MS45NiA3Ni4xNyw0My41OSA3NS4yMyw0NC41OCBNNzYuNzIsOS4zNSBMNzcuNDQsOC4zNSBMNzMuOTgsMy41MSBMNzIuNzQsMy45MyBDNzAuOTQxNzI4Myw0LjU3MTY2NDk3IDY5LjA0OTIxNDMsNC45MDk2MTM5MSA2Ny4xNCw0LjkzIEM2MS45MSw0LjkzIDU4LjQ5LDQuNDMgNTQuMjcsMS42MyBMNTMuMjcsMC45OCBMNTIuMjcsMS42NiBDNDUuNTcyNDYzNyw2LjcxMTc4MzM5IDM2LjMzNzUzNjMsNi43MTE3ODMzOSAyOS42NCwxLjY2IEwyOC42NCwwLjk4IEwyNy42NCwxLjYzIEMyMy40Myw0LjQzIDIwLjAxLDQuOTMgMTQuNzgsNC45MyBDMTIuODcwNzg1Nyw0LjkwOTYxMzkxIDEwLjk3ODI3MTcsNC41NzE2NjQ5NyA5LjE4LDMuOTMgTDcuOTQsMy41MSBMNC41Miw4LjM5IEw1LjI0LDkuMzkgQzE0LjM5LDIxLjU0IDcuMjQsMzQuNyAyLjE1LDM5Ljk2IEwwLjk2LDQxLjIgTDIuMTcsNDIuNDEgQzIuODIsNDMuMDYgMy45OCw0NC4yNiA0LjkzLDQ1LjI2IEw0LjkzLDQ1LjQyIEM0LjkzNzIwNjQ5LDQ1LjUzOTg5MTggNC45MzcyMDY0OSw0NS42NjAxMDgyIDQuOTMsNDUuNzggTDQuOTMsNDUuODkgQzQuNDcsNTQuNjYgNi43NSw2MS44OSAxMS43Myw2Ny4zNSBDMTcsNzMuMTUgMjUuMjQsNzYuNjEgMzQuOTksNzcuMTUgQzM3LjQsNzkuMzUgMzkuODUsODEuMTUgMzkuOTksODEuMjUgTDQwLjk5LDgyLjAzIEw0MS45OSw4MS4yNSBDNDIuMSw4MS4xNyA0NC41NCw3OS4zNSA0Ni45OSw3Ny4xNSBDNTYuNzQsNzYuNjEgNjQuOTksNzMuMTUgNzAuMjUsNjcuMzUgQzc1LjI1LDYxLjg4IDc3LjUxLDU0LjY2IDc3LjA1LDQ1Ljg5IEw3Ny4wNSw0NS43OCBDNzcuMDQyNzkzNSw0NS42NjAxMDgyIDc3LjA0Mjc5MzUsNDUuNTM5ODkxOCA3Ny4wNSw0NS40MiBDNzcuMDU0NjQ2NSw0NS4zNjY3Njc5IDc3LjA1NDY0NjUsNDUuMzEzMjMyMSA3Ny4wNSw0NS4yNiBDNzguMDUsNDQuMjYgNzkuMTYsNDMuMDYgNzkuODIsNDIuNDEgTDgxLjAzLDQxLjIgTDc5Ljg0LDM5Ljk2IEM3NC43NywzNC43IDY3LjYsMjEuNTQgNzYuNzUsOS4zOSBNMTguMzIsNDUuMzkgTDI3LjQxLDQ1LjM5IEwyNy40MSw3MC44OCBDMjQuMTQxMTM5Niw3MC4wMzg0OTM4IDIxLjA1ODI1NjUsNjguNTkzNzEwMyAxOC4zMiw2Ni42MiBMMTguMzIsNDUuMzkgWiBNMzUuODIsNTIuMDkgQzM1LjY3LDUyLjY5IDM1LjUyLDUzLjIyIDM1LjQsNTMuNzYgQzM0Ljk4LDU1LjcgMzQuOTgsNTguNjEgMzYuNTYsNjAuMDUgQzM1Ljg5MDYyMzEsNjEuMTM1NjcxNSAzNC42NDM1MjYxLDYxLjcyMzkyNDggMzMuMzgsNjEuNTUgQzMyLjAyNDUxNjUsNTguMjAzMjAxMyAzMy4wMTQ4NDQsNTQuMzYzNjUyOCAzNS44Miw1Mi4wOSBNNDAuMjgsNTAuMjggQzM5Ljg0NzQwNzYsNTAuNzQyMjIyIDM5LjYyNjQ3MjMsNTEuMzYzNDk3MSAzOS42NzAwOTQzLDUxLjk5NTA2ODYgQzM5LjcxMzcxNjQsNTIuNjI2NjQgNDAuMDE3OTY4LDUzLjIxMTY0MDkgNDAuNTEsNTMuNjEgQzQwLjI2NDc4MjQsNTMuNzkxMjY0NSA0MC4wNTc1MzA5LDU0LjAxODkwMTQgMzkuOSw1NC4yOCBDMzguOTc1MDc4NCw1NS43MTA4ODYxIDM5LjM1MTA3NTYsNTcuNjE3NDEzIDQwLjc1LDU4LjU5IEM0MC40OTMwMzMxLDU5LjY0MjA2OTcgMzkuNTUyOTgxNiw2MC4zODQyMTU2IDM4LjQ3LDYwLjM5IEMzNi41Nyw2MC4xNCAzNS42Nyw1OC4zOSAzNS42NCw1Ni4yIEMzNS43MTI3ODM5LDU0LjY0OTc5ODUgMzUuOTc4MTU1NCw1My4xMTQ2NzQ2IDM2LjQzLDUxLjYzIEMzNy41NzgzMjA4LDUwLjg2MTI2NDEgMzguOTAzMDU5Miw1MC4zOTY3NDU0IDQwLjI4LDUwLjI4IE0zNi40OSw0NS4zOSBMNDUuNTIsNDUuMzkgTDQ1LjUyLDUxLjAzIEM0Mi43MzQxOTg1LDQ5LjMwOTYyNjQgMzkuMjE1ODAxNSw0OS4zMDk2MjY0IDM2LjQzLDUxLjAzIEwzNi40OSw0NS4zOSBaIE00OS4yMSw1Ny45NyBDNDguMzgwMDA5Miw1Ni40NTM1ODQzIDQ3LjE1Mjc3OTksNTUuMTkxNzg1MiA0NS42Niw1NC4zMiBDNDQuMjMsNTMuNTEgNDIuMzQsNTIuNzggNDAuOTgsNTMuMzIgQzQwLjQ1MDk4NzEsNTIuOTczMzk3NiA0MC4xMzk4MzY0LDUyLjM3NzAxNDIgNDAuMTU4MTksNTEuNzQ0ODM0NSBDNDAuMTc2NTQzNiw1MS4xMTI2NTQ5IDQwLjUyMTc2OTgsNTAuNTM1MzI3NiA0MS4wNyw1MC4yMiBDNDUuMzkwNTk2Niw1MC4yNTQwNTg0IDQ4Ljk0NzMxNjEsNTMuNjI3MjYxNyA0OS4yMSw1Ny45NCBNNTQuNjYsNDUuMzYgTDYzLjc1LDQ1LjM2IEw2My43NSw2Ni41OSBDNjEuMDExNzQzNSw2OC41NjM3MTAzIDU3LjkyODg2MDQsNzAuMDA4NDkzOCA1NC42Niw3MC44NSBMNTQuNjYsNDUuMzYgWiBNNDguNTIsNjEuNjggQzQ4LjI4MTkzNjQsNjAuOTk1NTM4MyA0Ny43NzQ5MTkxLDYwLjQzNzgzNTYgNDcuMTE2MTY3Miw2MC4xMzU4MjkgQzQ2LjQ1NzQxNTMsNTkuODMzODIyNCA0NS43MDM5NjE4LDU5LjgxMzY1ODggNDUuMDMsNjAuMDggQzQ1LjAxOTY4MDMsNTkuNzM1ODYyNiA0NC45NDUwNjMyLDU5LjM5NjY5MzkgNDQuODEsNTkuMDggQzQ0LjUyMDg4MTksNTguMzUxNDg5MiA0My45MDE5MTY0LDU3LjgwNDM1MjcgNDMuMTQzNDI5Nyw1Ny42MDY4MzAxIEM0Mi4zODQ5NDI5LDU3LjQwOTMwNzUgNDEuNTc3NzI5NCw1Ny41ODUwNDMyIDQwLjk3LDU4LjA4IEMzOS44MDQ2ODc2LDU3LjI1MDIzMSAzOS41MDA0MDkxLDU1LjY0OTQ2MTQgNDAuMjgsNTQuNDUgQzQxLjI4LDUyLjk0IDQzLjQxLDUzLjU0IDQ1LjM5LDU0LjY1IEM0Ny4xMzc1Nzg4LDU1LjY0OTcyMjEgNDguNDczNTYxNyw1Ny4yMzczMDkzIDQ5LjE2LDU5LjEzIEM0OS4wODc2Njk0LDYwLjAwOTI5OTEgNDguODcxNDYwNCw2MC44NzA3NTcgNDguNTIsNjEuNjggTTQwLjk3LDY2LjY4MDAwMTIgQzM5LjMzNDcxNjYsNjYuNjgwODcwMSAzNy43MzY0Mjg3LDY2LjE5MzM3NDkgMzYuMzgsNjUuMjggQzM4LjI4NTc1ODYsNjUuMjI3MzkzMiA0MC4xNTY2MjIxLDY0Ljc1NjI2MzMgNDEuODYsNjMuOSBDNDMuMjUsNjMuMDggNDQuNzIsNjIuMDQgNDQuOTksNjAuNjcgQzQ1LjYzNzgyOTMsNjAuMzI2ODUyNCA0Ni40MTUxMTk2LDYwLjMzMzk5NTggNDcuMDU2NTMyOCw2MC42ODg5OTE4IEM0Ny42OTc5NDYsNjEuMDQzOTg3OCA0OC4xMTY3NTczLDYxLjY5ODgzNzcgNDguMTcsNjIuNDMgQzQ2LjcyMTg5Miw2NS4wNTEwMTk4IDQzLjk2NDQ1NDgsNjYuNjc4NjczNyA0MC45Nyw2Ni42ODAwMDEyIE00NS41NSw3Mi4yNSBMNDUuMDcsNzIuMjUgQzQyLjc5LDcyLjI1IDQwLjE4LDcyLjI1IDM3LjMxLDcyLjI1IEwzNi45NSw3Mi4yNSBMMzYuNDYsNzIuMjUgTDM2LjQ2LDY1Ljk0IEMzOS4yNDk3MzIzLDY3LjY0NjQ3MTUgNDIuNzYwMjY3Nyw2Ny42NDY0NzE1IDQ1LjU1LDY1Ljk0IEw0NS41NSw3Mi4yNSBaIE0zMy41NSw2Mi4wNSBMMzMuNzUsNjIuMDUgQzM1LjAzMTg1Miw2Mi4wOTE1MTQ2IDM2LjIzNDgzNTksNjEuNDMyNTU1MyAzNi44OSw2MC4zMyBDMzcuMzI5ODIxOSw2MC42MTQwNzU5IDM3LjgyOTYyNjQsNjAuNzkyMDg4NSAzOC4zNSw2MC44NSBDMzkuNzIzOTgwNSw2MC44ODQzNjgyIDQwLjkyMTE5OTQsNTkuOTE5ODI0NCA0MS4xOCw1OC41NyBDNDEuNjY4ODc4Miw1OC4xNTM1Mzc5IDQyLjMyODAwOSw1Ny45OTcxNzYxIDQyLjk1MTg1NzgsNTguMTQ5NjcyNSBDNDMuNTc1NzA2Nyw1OC4zMDIxNjg5IDQ0LjA4ODM3NTQsNTguNzQ0OTcwNSA0NC4zMyw1OS4zNCBDNDUuMDUsNjEuMDcgNDMuNTMsNjIuMzQgNDEuNTgsNjMuNDcgQzM5Ljc1ODc2NjYsNjQuMzY3ODY3MiAzNy43NTAzMDUzLDY0LjgyMDI4NTEgMzUuNzIsNjQuNzkgQzM0LjgwNDk2NjMsNjQuMDQyMzY0IDM0LjA2NDM1ODIsNjMuMTAzODA1NCAzMy41NSw2Mi4wNCBNOS41NSw0NS4wOSBDOS41NDAwNzIwOSw0NS4yOTEzMzcyIDkuNTE2Njg2NTUsNDUuNDkxNzg0NyA5LjQ4LDQ1LjY5IEM5LjQ4LDQ1LjgzIDkuNDgsNDUuOTggOS40MSw0Ni4yNSBDOS4wMyw1My43NiAxMC45LDU5Ljg0IDE0Ljk5LDY0LjMyIEMxOS42OCw2OS40NiAyNy4yNyw3Mi4zOSAzNi45OSw3Mi43OSBMMzcuMzYsNzIuNzkgTDQxLjkzLDcyLjc5IEw0NS4xMyw3Mi43OSBDNTQuOCw3Mi4zOSA2Mi4zOSw2OS40NiA2Ny4xMyw2NC4zMiBDNzEuMjIsNTkuODQgNzMuMTMsNTMuNzYgNzIuNzEsNDYuMjMgQzcyLjcxLDQ1Ljk4IDcyLjY2LDQ1LjgzIDcyLjY0LDQ1LjY5IEM3Mi42Miw0NS41NSA3Mi42NCw0NS4zOSA3Mi41Niw0NS4wOSBMNzIuNTYsNDQuODUgTDkuNTIsNDQuODUgTDkuNTUsNDUuMDkgWiBNMTEuNDQsOS42OCBDMTIuNTcwNzY1Nyw5Ljg2MzkyMjkgMTMuNzE0Mzc2OCw5Ljk1NzU1MTg4IDE0Ljg2LDkuOTYgQzE3LjU4NzY1NTEsMTAuMDI3MTE1MyAyMC4zMTM1Nzg3LDkuNzY4NjIyNTEgMjIuOTgsOS4xOSBMMjIuOTgsMTcuMDQgTDE0LjIsMTcuMDQgQzEzLjY2MjUzOTUsMTQuNDU5NzQzNSAxMi43MzE2NzEsMTEuOTc3NDI3NSAxMS40NCw5LjY4IE0yMi45OCwzMy40IEwxMi4yNywzMy40IEMxMy4zMTkyNDU4LDMwLjk0MDc2MzcgMTQuMDQ1Mjk0NiwyOC4zNTU4OTUyIDE0LjQzLDI1LjcxIEwyMi45OCwyNS43MSBMMjIuOTgsMzMuNCBaIE0zMS42NSwyNS43MSBMNDAuNjUsMjUuNzEgTDQwLjY1LDMzLjQgTDMxLjY1LDMzLjQgTDMxLjY1LDI1LjcxIFogTTMxLjY1LDguNSBDMzQuNDgzMzAwOSw5Ljc3MDE4Mzg3IDM3LjU0NTQwMjUsMTAuNDUwNjUwOSA0MC42NSwxMC41IEw0MC42NSwxNy4wNyBMMzEuNjUsMTcuMDcgTDMxLjY1LDguNSBaIE00MS4xNSwxMC41IEM0Mi4wOTI3MjIyLDEwLjQ4NzE2MjQgNDMuMDM0MDc2LDEwLjQyMzczNzkgNDMuOTcsMTAuMzEgTDQzLjk3LDMzLjQzIEw0MS4xNSwzMy40MyBMNDEuMTUsMTAuNSBaIE00Ny4wOCw5LjY5IEM0OC4xNDQ4NzEyLDkuMzk4MTEwMDQgNDkuMTg3NTI1OSw5LjAzMDUwNzQyIDUwLjIsOC41OSBMNTAuMiwzMy40MyBMNDcuMDgsMzMuNDMgTDQ3LjA4LDkuNjkgWiBNNTMuMzEsNyBMNTMuMzEsNyBDNTQuMjk5NTQ5LDcuNTU1NjkwNDQgNTUuMzI5MDU0OSw4LjAzNzAxNzg4IDU2LjM5LDguNDQgTDU2LjM5LDMzLjQ0IEw1My4yNywzMy40NCBMNTMuMzEsNyBaIE01OS41NCw5LjM0IEM2MC41Njk1MjYyLDkuNTU5Njg0NDMgNjEuNjExNDQ0Miw5LjcxNjY0MDAzIDYyLjY2LDkuODEgTDYyLjY2LDMzLjQzIEw1OS41MiwzMy40MyBMNTkuNTQsOS4zNCBaIE02NS43Nyw5Ljk3IEw2Ny4xMyw5Ljk3IEM2OC4yNjU5MzA5LDkuOTY0MDExNjggNjkuMzk5NTU2OCw5Ljg2NzAzNDg0IDcwLjUyLDkuNjggQzY1LjQ0LDE4Ljc3IDY3LjE5LDI3LjUyIDY5LjY4LDMzLjQxIEw2NS42OCwzMy40MSBMNjUuNzcsOS45NyBaIE0xMS42MywzMy41OCBMMTEuNDcsMzMuOTUgTDcwLjQ3LDMzLjk1IEw3MC4zMSwzMy41OCBDNjcuNzQsMjcuNyA2NS44MiwxOC43NCA3MS4yMyw5LjQ3IEw3MS41Myw4Ljk4IEw3MC45Niw5LjA5IEM2OS42ODExNzM5LDkuMzM1MDMxNzQgNjguMzgyMDg5LDkuNDU4OTEzNTUgNjcuMDgsOS40NiBDNjEuODEsOS40NiA1Ny44OCw4Ljk3IDUzLjQyLDYuNDYgTDUzLjI5LDYuMzkgTDUzLjE2LDYuNDcgQzQ1LjY4OTcyMTUsMTEuMTUyMjY4OCAzNi4yMDAyNzg1LDExLjE1MjI2ODggMjguNzMsNi40NyBMMjguNiw2LjM5IEwyOC40Niw2LjQ2IEMyNC4wMSw4Ljk4IDIwLjA4LDkuNDYgMTQuODEsOS40NiBDMTMuNTEyNDM2Niw5LjQ1MjcwODUgMTIuMjE3ODE3NSw5LjMzNTYyNDA5IDEwLjk0LDkuMTEgTDEwLjM4LDkuMDEgTDEwLjY3LDkuNSBDMTYuMDcsMTguNzUgMTQuMTUsMjcuNyAxMS41OCwzMy41OCBNMzMuNDksMzcuMDggTDMzLjQ5LDM1LjM2IEwyNy42NSwzNS4zNiBMMjcuNjUsNDMuNDYgTDI5LjQxLDQzLjQ2IEwyOS40MSw0MC4wOCBMMzEuNzksNDAuMDggTDMxLjc5LDM4LjM2IEwyOS40MSwzOC4zNiBMMjkuNDEsMzcuMDQgTDMzLjQ5LDM3LjA4IFogTTQwLjM0LDM2Ljk4IEM0MC45MjE2NDQsMzYuOTQ2NDAxNyA0MS40NjQ3OTQ4LDM3LjI3MTQ5OTMgNDEuNzEsMzcuOCBMNDEuNzEsMzcuODcgTDQzLjMzLDM3LjEyIEw0My4zMywzNy4wNCBDNDIuNzk5NTMwMSwzNS44NzUyMTM4IDQxLjYwNzc2MjEsMzUuMTU2MTgwNCA0MC4zMywzNS4yMyBDMzguMjEsMzUuMjMgMzYuNzIsMzYuOTUgMzYuNzIsMzkuNDEgQzM2LjcyLDQxLjg3IDM4LjEyLDQzLjU4IDQwLjI3LDQzLjU4IEM0MS41NTU3MDY4LDQzLjY1MTY4MDEgNDIuNzUxMDgxLDQyLjkxODUxNzMgNDMuMjcsNDEuNzQgTDQzLjI3LDQxLjY4IEw0MS43OSw0MC44IEw0MS43OSw0MC44NyBDNDEuNTU4ODcwNiw0MS40NzkxNTU5IDQwLjk3MTQ3MTYsNDEuODc4NzQ3IDQwLjMyLDQxLjg3IEMzOS4yNSw0MS44NyAzOC41Myw0MC44NyAzOC41MywzOS40NCBDMzguNTMsMzguMDEgMzkuMjEsMzcuMDEgNDAuMzEsMzcuMDEgTTUxLjMxLDQxLjgxIEw0OS4zMSw0MS44MSBMNDkuMzEsMzkuOTMgTDUxLjMxLDM5LjkzIEM1Mi4wMiwzOS45MyA1Mi4zMSw0MC4yMyA1Mi4zMSw0MC44NyBDNTIuMzEsNDEuNTEgNTEuOTUsNDEuODEgNTEuMzEsNDEuODEgTTQ5LjMxLDM3LjAyIEw1MS4yNCwzNy4wMiBDNTIuMDMsMzcuMDIgNTIuMTMsMzcuMzggNTIuMTMsMzcuNjkgQzUyLjEzLDM4IDUxLjg2LDM4LjM2IDUxLjMyLDM4LjM2IEw0OS4zMiwzOC4zNiBMNDkuMzEsMzcuMDIgWiBNNTMuOTEsMzcuNTcgQzUzLjkxLDM2LjIxIDUyLjkxLDM1LjM5IDUxLjMxLDM1LjM5IEw0Ny41OSwzNS4zOSBMNDcuNTksNDMuNDkgTDUxLjI3LDQzLjQ5IEM1My4wOSw0My40OSA1NC4xOCw0Mi40OSA1NC4xOCw0MC44NCBDNTQuMjA1MTU3LDQwLjExNjkwNzggNTMuODE3NDQzOSwzOS40NDIyODcxIDUzLjE4LDM5LjEgQzUzLjY2Mzk2NjIsMzguNzQyMzM4NSA1My45NDM3MjYxLDM4LjE3MTYyODMgNTMuOTMsMzcuNTcgTTk3Ljg3LDU3LjggTDEwNC4wOSw1Ny44IEMxMDcuODQsNTcuOCAxMDkuNzcwMDE3LDU5LjY2IDEwOS43NzAwMTcsNjMuMTIgQzEwOS43NzU3NCw2NS40OTA1MTM3IDEwOC4zMDg3MDksNjcuNjE1MzE2NiAxMDYuMDksNjguNDUgTDEwMS4yMyw2OC40NSBMMTAxLjIzLDc0LjYgTDk3Ljg3LDc0LjYgTDk3Ljg3LDU3LjggWiBNMTA0Ljk4LDY1LjQxIEMxMDUuOTE1OTgxLDY0Ljk4MTkwODggMTA2LjQ4NjUxNyw2NC4wMTYzODU4IDEwNi40MSw2Mi45OSBDMTA2LjQ2Mjc1Miw2Mi4zNzk3MzM4IDEwNi4yMzI5MzksNjEuNzc4OTQ1NyAxMDUuNzg2MzcxLDYxLjM1OTY3ODkgQzEwNS4zMzk4MDMsNjAuOTQwNDEyMSAxMDQuNzI1NzMsNjAuNzQ4OTA1NyAxMDQuMTIsNjAuODQgTDEwMS4yMyw2MC44NCBMMTAxLjIzLDY1LjQxIEwxMDQuOTgsNjUuNDEgWiBNMTEyLjA0LDU3LjggTDExOC4zOSw1Ny44IEMxMjIuMDQsNTcuOCAxMjQuMDQsNTkuNTMgMTI0LjA0LDYyLjggQzEyNC4wMTk4MTIsNjUuMDE1MDgxNyAxMjIuNjUzNzA2LDY2Ljk5NDk0NTggMTIwLjU5LDY3LjggQzEyMS41NDEyMDYsNjkuNDk4MDQ2OCAxMjIuNjc0NTU3LDcxLjA4NzQyMTcgMTIzLjk3LDcyLjU0IEwxMjMuOTcsNzQuNTQgTDEyMS40LDc0LjU0IEMxMTkuNzY2NTg5LDcyLjU1MTY1MjcgMTE4LjM0MjQwMiw3MC40MDAyOTI0IDExNy4xNSw2OC4xMiBMMTE1LjQsNjguMTIgTDExNS40LDc0LjU0IEwxMTIuMDQsNzQuNTQgTDExMi4wNCw1Ny44IFogTTExOS4xMyw2NS4xNCBDMTIwLjA5MzQyNyw2NC44NTE4MDM2IDEyMC43MzY3NzMsNjMuOTQ0NTIwNSAxMjAuNjksNjIuOTQgQzEyMC43MjE0OTQsNjIuMzU5NzAzIDEyMC40OTkwMiw2MS43OTQ0MDQyIDEyMC4wODA0NzYsNjEuMzkxMjE5OSBDMTE5LjY2MTkzMiw2MC45ODgwMzU2IDExOS4wODg3MTUsNjAuNzg2ODQyNCAxMTguNTEsNjAuODQgTDExNS40LDYwLjg0IEwxMTUuNCw2NS4xNCBMMTE5LjEzLDY1LjE0IFogTTEyNi42Niw1Ny44IEwxMzcuMzEsNTcuOCBMMTM2LjgxLDYwLjggTDEzMC4wMiw2MC44IEwxMzAuMDIsNjQuNjggTDEzNi4xNyw2NC42OCBMMTM2LjE3LDY3LjY4IEwxMzAuMDIsNjcuNjggTDEzMC4wMiw3MS41MSBMMTM3LjAyLDcxLjUxIEwxMzcuMDIsNzQuNTEgTDEyNi42Miw3NC41MSBMMTI2LjY2LDU3LjggWiBNMTQwLjAyLDU3LjggTDE0NS41Miw1Ny44IEwxNDcuNTIsNjYuODcgQzE0Ny44OSw2OC42IDE0OC4zOSw3MS43OCAxNDguMzksNzEuNzggTDE0OC41Miw3MS43OCBDMTQ4LjUyLDcxLjc4IDE0OS4wMSw2OC42IDE0OS4zOCw2Ni44NyBMMTUxLjM4LDU3LjggTDE1Ni44OCw1Ny44IEwxNTYuODgsNzQuNiBMMTUzLjY1LDc0LjYgTDE1My42NSw2Ni4xOCBDMTUzLjY1LDY0LjcyIDE1My43NSw2MC41IDE1My43NSw2MC41IEwxNTMuNTIsNjAuNSBDMTUzLjUyLDYwLjUgMTUyLjgsNjMuODQgMTUyLjQzLDY1LjUgTDE1MC4zNSw3NC41NiBMMTQ2LjY1LDc0LjU2IEwxNDQuNTIsNjUuNDcgQzE0NC4xNCw2My44NCAxNDMuNDMsNjAuNDcgMTQzLjQzLDYwLjQ3IEwxNDMuMTgsNjAuNDcgQzE0My4xOCw2MC40NyAxNDMuMjYsNjQuNjkgMTQzLjI2LDY2LjE1IEwxNDMuMjYsNzQuNSBMMTQwLjAyLDc0LjUgTDE0MC4wMiw1Ny44IFogTTE2MS4yNiw3MS45NiBMMTYxLjI2LDYwLjM4IEwxNTkuNTgsNjAuMDggTDE1OS41OCw1Ny43MyBMMTY2LjMsNTcuNzMgTDE2Ni4zLDYwLjA4IEwxNjQuNjIsNjAuMzggTDE2NC42Miw3MS44OSBMMTY2LjMsNzIuMTggTDE2Ni4zLDc0LjUzIEwxNTkuNTgsNzQuNTMgTDE1OS41OCw3Mi4xOCBMMTYxLjI2LDcxLjk2IFogTTE2OC44OSw1Ny44IEwxNzIuMjUsNTcuOCBMMTcyLjI1LDY4Ljg5IEMxNzIuMjUsNzEuMTkgMTczLjAxLDcxLjg5IDE3NS4wOSw3MS44OSBDMTc2LjE3NzI2OCw3MS45MjUxNzg2IDE3Ny4yNDEyOTMsNzEuNTcwNTAzNSAxNzguMDksNzAuODkgTDE3OC4wOSw1Ny43MyBMMTgxLjQ0LDU3LjczIEwxODEuNDQsNzQuNTMgTDE3OC44Myw3NC41MyBMMTc4LjQzLDczIEwxNzguMzMsNzMgQzE3Ny4xMzcyMTQsNzQuMDYxMTE3OSAxNzUuNjA2MDU0LDc0LjY2MzY1NzggMTc0LjAxLDc0LjcgQzE3MC41OCw3NC43IDE2OC45LDczLjE1IDE2OC45LDY5IEwxNjguODksNTcuOCBaIE0xODQuODksNTcuOCBMMTkwLjQsNTcuOCBMMTkyLjQsNjYuODcgQzE5Mi43Nyw2OC42IDE5My4yNyw3MS43OCAxOTMuMjcsNzEuNzggTDE5My40Miw3MS43OCBDMTkzLjQyLDcxLjc4IDE5My45MSw2OC42IDE5NC4yOCw2Ni44NyBMMTk2LjI4LDU3LjggTDIwMS43OCw1Ny44IEwyMDEuNzgsNzQuNiBMMTk4LjUyLDc0LjYgTDE5OC41Miw2Ni4xOCBDMTk4LjUyLDY0LjcyIDE5OC42Miw2MC41IDE5OC42Miw2MC41IEwxOTguMzQsNjAuNSBDMTk4LjM0LDYwLjUgMTk3LjYzLDYzLjg0IDE5Ny4yNiw2NS41IEwxOTUuMTgsNzQuNTYgTDE5MS41Miw3NC41NiBMMTg5LjQ0LDY1LjUgQzE4OS4wNyw2My44NyAxODguMzYsNjAuNSAxODguMzYsNjAuNSBMMTg4LjExLDYwLjUgQzE4OC4xMSw2MC41IDE4OC4xOSw2NC43MiAxODguMTksNjYuMTggTDE4OC4xOSw3NC41MyBMMTg0LjkyLDc0LjUzIEwxODQuODksNTcuOCBaIE0yMTAuMTMsNTcuOCBMMjE1LjY0LDU3LjggTDIxNy42NCw2Ni44NyBDMjE4LjAxLDY4LjYgMjE4LjUxLDcxLjc4IDIxOC41MSw3MS43OCBMMjE4LjY1LDcxLjc4IEMyMTguNjUsNzEuNzggMjE5LjE1LDY4LjYgMjE5LjUyLDY2Ljg3IEwyMjEuNTIsNTcuOCBMMjI3LjAzLDU3LjggTDIyNy4wMyw3NC42IEwyMjMuOCw3NC42IEwyMjMuOCw2Ni4xOCBDMjIzLjgsNjQuNzIgMjIzLjg5LDYwLjUgMjIzLjg5LDYwLjUgTDIyMy42Miw2MC41IEMyMjMuNjIsNjAuNSAyMjIuOTEsNjMuODQgMjIyLjU0LDY1LjUgTDIyMC40Niw3NC41NiBMMjE2Ljc2LDc0LjU2IEwyMTQuNjgsNjUuNSBDMjE0LjMxLDYzLjg3IDIxMy42LDYwLjUgMjEzLjYsNjAuNSBMMjEzLjM1LDYwLjUgQzIxMy4zNSw2MC41IDIxMy40Miw2NC43MiAyMTMuNDIsNjYuMTggTDIxMy40Miw3NC41MyBMMjEwLjE5LDc0LjUzIEwyMTAuMTMsNTcuOCBaIE0yMzAuNDMsNTcuOCBMMjQxLjA3LDU3LjggTDI0MC41OCw2MC44IEwyMzMuNzksNjAuOCBMMjMzLjc5LDY0LjY4IEwyMzkuOTQsNjQuNjggTDIzOS45NCw2Ny42OCBMMjMzLjc5LDY3LjY4IEwyMzMuNzksNzEuNTEgTDI0MC43OSw3MS41MSBMMjQwLjc5LDc0LjUxIEwyMzAuNCw3NC41MSBMMjMwLjQzLDU3LjggWiBNMjQzLjc5LDU3LjggTDI0OS4yOSw1Ny44IEwyNTEuMjksNjYuODcgQzI1MS42Niw2OC42IDI1Mi4xNSw3MS43OCAyNTIuMTUsNzEuNzggTDI1Mi4zLDcxLjc4IEMyNTIuMyw3MS43OCAyNTIuOCw2OC42IDI1My4xNyw2Ni44NyBMMjU1LjE3LDU3LjggTDI2MC42OCw1Ny44IEwyNjAuNjgsNzQuNiBMMjU3LjQ0LDc0LjYgTDI1Ny40NCw2Ni4xOCBDMjU3LjQ0LDY0LjcyIDI1Ny41NCw2MC41IDI1Ny41NCw2MC41IEwyNTcuMjcsNjAuNSBDMjU3LjI3LDYwLjUgMjU2LjU2LDYzLjg0IDI1Ni4xOCw2NS41IEwyNTQuMTEsNzQuNTYgTDI1MC40MSw3NC41NiBMMjQ4LjMzLDY1LjUgQzI0Ny45Niw2My44NyAyNDcuMjQsNjAuNSAyNDcuMjQsNjAuNSBMMjQ3LDYwLjUgQzI0Nyw2MC41IDI0Ny4wNyw2NC43MiAyNDcuMDcsNjYuMTggTDI0Ny4wNyw3NC41MyBMMjQzLjg0LDc0LjUzIEwyNDMuNzksNTcuOCBaIE0yNjQuMDgsNTcuOCBMMjcwLjE2LDU3LjggQzI3NC4xNiw1Ny44IDI3NS41OSw1OS42MyAyNzUuNTksNjIuNCBDMjc1LjYzNzg0NCw2My44OTA4ODQzIDI3NC44OTY5MTEsNjUuMjk2NzU2NiAyNzMuNjQsNjYuMSBMMjczLjY0LDY2LjEgQzI3NC45NTk2MjYsNjYuODM5OTk2MiAyNzUuNzk0NjE5LDY4LjIxNzczMzkgMjc1Ljg0LDY5LjczIEMyNzUuODQsNzIuNzMgMjc0LjE5LDc0LjU1IDI3MC4zOCw3NC41NSBMMjY0LjA4LDc0LjU1IEwyNjQuMDgsNTcuOCBaIE0yNjcuMzUsNjAuNjkgTDI2Ny4zNSw2NC42OSBMMjcxLDY0LjY5IEMyNzEuNzg5MDE3LDY0LjMzNTQ4MTEgMjcyLjMwMDI2Niw2My41NTQ5NDkxIDI3Mi4zMSw2Mi42OSBDMjcyLjM0ODY5OSw2Mi4xNTQ2NTk5IDI3Mi4xNDc4MDgsNjEuNjI5NzU0NSAyNzEuNzYxNTc4LDYxLjI1NzA0MzMgQzI3MS4zNzUzNDksNjAuODg0MzMyIDI3MC44NDM2MjIsNjAuNzAyMjYwNSAyNzAuMzEsNjAuNzYgTDI2Ny4zNSw2MC42OSBaIE0yNjcuMzUsNjcuNTEgTDI2Ny4zNSw3MS42OCBMMjcwLjUyLDcxLjY4IEMyNzEuMDg4MjU0LDcxLjcyNjcwMjYgMjcxLjY0ODA3OSw3MS41MTk3NTE4IDI3Mi4wNDkzMTYsNzEuMTE0NjU2MSBDMjcyLjQ1MDU1NCw3MC43MDk1NjA0IDI3Mi42NTIxMzgsNzAuMTQ3NzgxNCAyNzIuNiw2OS41OCBDMjcyLjU3MDM1OSw2OC42NDQyMTY0IDI3MS45ODM0NzQsNjcuODE3MDYzOSAyNzEuMTEsNjcuNDggTDI2Ny4zNSw2Ny41MSBaIE0yNzguNTYsNTcuOCBMMjg5LjIsNTcuOCBMMjg4LjcxLDYwLjggTDI4MS45Miw2MC44IEwyODEuOTIsNjQuNjggTDI4OC4wNiw2NC42OCBMMjg4LjA2LDY3LjY4IEwyODEuOTIsNjcuNjggTDI4MS45Miw3MS41MSBMMjg4LjkyLDcxLjUxIEwyODguOTIsNzQuNTEgTDI3OC41Myw3NC41MSBMMjc4LjU2LDU3LjggWiBNMjkxLjkyLDU3LjggTDI5OC4yNiw1Ny44IEMzMDEuOTIsNTcuOCAzMDMuOTIsNTkuNTMgMzAzLjkyLDYyLjggQzMwMy44OTgxOTIsNjUuMDE3NTcwMiAzMDIuNTI3NjM2LDY2Ljk5ODE0MjcgMzAwLjQ2LDY3LjggQzMwMS40MTUxNDIsNjkuNDk1NTQ3OSAzMDIuNTQ4MjAzLDcxLjA4NDUxNDQgMzAzLjg0LDcyLjU0IEwzMDMuODQsNzQuNTQgTDMwMS4yOCw3NC41NCBDMjk5LjY0NjU4OSw3Mi41NTE2NTI3IDI5OC4yMjI0MDIsNzAuNDAwMjkyNCAyOTcuMDMsNjguMTIgTDI5NS4yNyw2OC4xMiBMMjk1LjI3LDc0LjU0IEwyOTEuOTIsNzQuNTQgTDI5MS45Miw1Ny44IFogTTI5OSw2NS4xNCBDMjk5Ljk2MzQyNyw2NC44NTE4MDM2IDMwMC42MDY3NzMsNjMuOTQ0NTIwNSAzMDAuNTYsNjIuOTQgQzMwMC41OTExMyw2Mi4zNjE2MDQgMzAwLjM2OTk3MSw2MS43OTgxMiAyOTkuOTUzNzMzLDYxLjM5NTMwODkgQzI5OS41Mzc0OTUsNjAuOTkyNDk3OCAyOTguOTY3MDY1LDYwLjc4OTkyODEgMjk4LjM5LDYwLjg0IEwyOTUuMjcsNjAuODQgTDI5NS4yNyw2NS4xNCBMMjk5LDY1LjE0IFogTTMwNS43OSw3MC44NyBMMzA4LjQxLDcwLjg3IEMzMDguNDEsNzAuODcgMzA4LjkxLDcxLjg3IDMxMC45OCw3MS44NyBDMzEzLjA1LDcxLjg3IDMxMy43Miw3MS4xMyAzMTMuNzIsNzAgQzMxMy43Miw2OS4xMyAzMTMuMjMsNjguNDIgMzExLjcyLDY3LjkgTDMxMC4yMSw2Ny4zNSBDMzA3LjA4LDY2LjIyIDMwNS45Miw2NC45MSAzMDUuOTIsNjIuMzUgQzMwNS45Miw1OS4zNSAzMDguMDcsNTcuNjA5ODQ1MSAzMTEuODQsNTcuNjA5ODQ1MSBDMzEzLjQ4OTM2Miw1Ny42MDEyNDgxIDMxNS4xMTk1NzksNTcuOTYzNTE4NSAzMTYuNjEsNTguNjcgTDMxNi42MSw2MS41MSBMMzEzLjk3LDYxLjUxIEMzMTMuOTcsNjEuNTEgMzEzLjY3LDYwLjUxIDMxMS42Nyw2MC41MSBDMzA5Ljk3LDYwLjUxIDMwOS4yMyw2MS4zIDMwOS4yMyw2Mi4zMSBDMzA5LjIzLDYzLjMyIDMwOS43Nyw2My42NyAzMTEuMjMsNjQuMjIgTDMxMi43Myw2NC43NiBDMzE2LjI2LDY2LjA0IDMxNi45Myw2Ny41MyAzMTYuOTMsNjkuNzYgQzMxNi45Myw3Mi45MiAzMTUuMTUsNzQuNzYgMzEwLjc4LDc0Ljc2IEMzMDkuMDMzNjM5LDc0Ljc2OTI3NzcgMzA3LjMwMzA0OSw3NC40MjkyNzk5IDMwNS42OSw3My43NiBMMzA1Ljc5LDcwLjg3IFogTTMzMi4xOSw3NC42IEwzMjguODMsNzQuNiBMMzI4LjgzLDY3LjY4IEwzMjMuMTUsNjcuNjggTDMyMy4xNSw3NC41NSBMMzE5LjgsNzQuNTUgTDMxOS44LDU3Ljc1IEwzMjMuMTUsNTcuNzUgTDMyMy4xNSw2NC42OCBMMzI4LjgzLDY0LjY4IEwzMjguODMsNTcuNzggTDMzMi4xOSw1Ny43OCBMMzMyLjE5LDc0LjYgWiBNMzM2LjU5LDcxLjk2IEwzMzYuNTksNjAuMzggTDMzNC45MSw2MC4wOCBMMzM0LjkxLDU3LjczIEwzNDEuNjMsNTcuNzMgTDM0MS42Myw2MC4wOCBMMzM5Ljk1LDYwLjM4IEwzMzkuOTUsNzEuODkgTDM0MS42Myw3Mi4xOCBMMzQxLjYzLDc0LjUzIEwzMzQuOTEsNzQuNTMgTDMzNC45MSw3Mi4xOCBMMzM2LjU5LDcxLjk2IFogTTM0NC4zNCw1Ny44IEwzNTAuNTcsNTcuOCBDMzU0LjMyLDU3LjggMzU2LjI1MDAxNyw1OS42NiAzNTYuMjUwMDE3LDYzLjEyIEMzNTYuMjU1NzQsNjUuNDkwNTEzNyAzNTQuNzg4NzA5LDY3LjYxNTMxNjYgMzUyLjU3LDY4LjQ1IEwzNDcuNyw2OC40NSBMMzQ3LjcsNzQuNiBMMzQ0LjM0LDc0LjYgTDM0NC4zNCw1Ny44IFogTTM1MS40NSw2NS40MSBDMzUyLjM4Nzg2Miw2NC45ODI3NDU4IDM1Mi45NjE4NzMsNjQuMDE4MDg4NiAzNTIuODksNjIuOTkgQzM1Mi45NDM0MDcsNjIuMzc3NzEwNSAzNTIuNzEyMzI1LDYxLjc3NDg2NTggMzUyLjI2MzMzMyw2MS4zNTUxNTU2IEMzNTEuODE0MzQxLDYwLjkzNTQ0NTMgMzUxLjE5NzMwMyw2MC43NDU0ODMgMzUwLjU5LDYwLjg0IEwzNDcuNyw2MC44NCBMMzQ3LjcsNjUuNDEgTDM1MS40NSw2NS40MSBaIE05Ny40NSwyMy44IEM5Ny40NSwxMy4zNCAxMDIuNjIsOC42MyAxMTIuMDksOC42MyBDMTIwLjIzLDguNjMgMTIzLjk1LDEzLjA1IDEyMy45NSwxMy4wNSBMMTIzLjk1LDE5LjIxIEwxMTcuNTIsMTkuMjEgQzExNy41MiwxOS4yMSAxMTcuMDUsMTUuNjYgMTEyLjE3LDE1LjY2IEMxMDcsMTUuNjYgMTA1LjM3LDE4LjIyIDEwNS4zNywyMy42NiBMMTA1LjM3LDM0LjAxIEMxMDUuMzcsMzkuNDEgMTA3LDQyLjAxIDExMi4xNyw0Mi4wMSBDMTE3LjA1LDQyLjAxIDExNy41MiwzOC40NiAxMTcuNTIsMzguNDYgTDEyMy45NywzOC40NiBMMTIzLjk3LDQ0LjYyIEMxMjMuOTcsNDQuNjIgMTIwLjI1LDQ5LjA0IDExMi4xMSw0OS4wNCBDMTAyLjY0LDQ5LjA0IDk3LjQ3LDQ0LjMzIDk3LjQ3LDMzLjg3IEw5Ny40NSwyMy44IFogTTEyOC42NSw5LjA0IEwxMzYuNTIsOS4wNCBMMTM2LjUyLDM1LjEzIEMxMzYuNTIsNDAuNTMgMTM4LjMyLDQyLjEzIDE0My4yLDQyLjEzIEMxNDUuNzQyNTQ0LDQyLjE5NzE1NiAxNDguMjI1MzE0LDQxLjM1MzAxNDUgMTUwLjIsMzkuNzUgTDE1MC4yLDguOTcgTDE1OC4xLDguOTcgTDE1OC4xLDQ4LjQ4IEwxNTEuOTQsNDguNDggTDE1MS4wMSw0NC44OCBMMTUwLjc4LDQ0Ljg4IEMxNDcuOTcwOTI0LDQ3LjM3NjA1MjUgMTQ0LjM2NjgyMyw0OC43OTM1OTQzIDE0MC42MSw0OC44OCBDMTMyLjUzLDQ4Ljg4IDEyOC42MSw0NS4yMiAxMjguNjEsMzUuNDUgTDEyOC42NSw5LjA0IFogTTE2NS4xNSw5LjA0IEwxNzMuMDUsOS4wNCBMMTczLjA1LDQxLjQgTDE4OS4wNSw0MS40IEwxODcuODgsNDguNTUgTDE2NS4xNSw0OC41NSBMMTY1LjE1LDkuMDQgWiBNMTkxLjE1LDkuMDQgTDIxNi4xNSw5LjA0IEwyMTQuOTksMTYuMTkgTDE5OC45OSwxNi4xOSBMMTk4Ljk5LDI1LjI1IEwyMTMuNTIsMjUuMjUgTDIxMy41MiwzMi40IEwxOTkuMDIsMzIuNCBMMTk5LjAyLDQxLjQgTDIxNS41OCw0MS40IEwyMTUuNTgsNDguNTUgTDE5MS4xMiw0OC41NSBMMTkxLjE1LDkuMDQgWiBNMjIxLjQyLDkuMDQgTDIzNi4zNiw5LjA0IEMyNDQuOTYsOS4wNCAyNDkuNjYsMTMuMTEgMjQ5LjY2LDIwLjc4IEMyNDkuNjYsMjkuNzggMjQxLjUzLDMyLjYzIDI0MS41MywzMi42MyBDMjQxLjUzLDMyLjYzIDI0NS40MiwzOS42MyAyNDkuNTMsNDMuNzkgTDI0OS41Myw0OC41NSBMMjQzLjUzLDQ4LjU1IEMyMzguNTksNDMuMTUgMjMzLjUzLDMzLjQ0IDIzMy41MywzMy40NCBMMjI5LjQxLDMzLjQ0IEwyMjkuNDEsNDguNDggTDIyMS41LDQ4LjQ4IEwyMjEuNDIsOS4wNCBaIE0yMzguMSwyNi4zIEMyNDAuMzU2NDk5LDI1LjYxMzMxODEgMjQxLjg2MjE3LDIzLjQ4NjQ1NTYgMjQxLjc2LDIxLjEzIEMyNDEuNzYsMTcuOTkgMjM5Ljg0LDE2LjE5IDIzNi42NSwxNi4xOSBMMjI5LjMzLDE2LjE5IEwyMjkuMzMsMjYuMyBMMjM4LjEsMjYuMyBaIE0yNTIuODksMzkuNjggTDI1OS4wNSwzOS42OCBDMjU5LjA1LDM5LjY4IDI2MC4yMSw0Mi4wNiAyNjUuMDUsNDIuMDYgQzI2OS43Niw0Mi4wNiAyNzEuNSw0MC4zMiAyNzEuNSwzNy42NCBDMjcxLjUsMzUuNjQgMjcwLjM0LDMzLjkyIDI2Ni45MSwzMi43IEwyNjMuMzcsMzEuNDMgQzI1NS45OSwyOC43NSAyNTMuMjYsMjUuNjcgMjUzLjI2LDE5Ljc1IEMyNTMuMjYsMTIuNiAyNTguMjYsOC41ODk2MDAyMiAyNjcuMiw4LjU4OTYwMDIyIEMyNzEuMDc3MjY3LDguNTY4MzkxODUgMjc0LjkwOTMxOSw5LjQyMjk5NzcxIDI3OC40MSwxMS4wOSBMMjc4LjQxLDE3Ljc3IEwyNzIuMiwxNy43NyBDMjcyLjIsMTcuNzcgMjcxLjUsMTUuMzMgMjY2Ljc5LDE1LjMzIEMyNjIuNzksMTUuMzMgMjYxLjA0LDE3LjE5IDI2MS4wNCwxOS41NyBDMjYxLjA0LDIxLjk1IDI2Mi4zMiwyMi43NyAyNjUuODYsMjQuMDUgTDI2OS40MSwyNS4zMyBDMjc3LjcyLDI4LjMzIDI3OS4yOSwzMS44MyAyNzkuMjksMzcuMDYgQzI3OS4yOSw0NC41IDI3NS4xLDQ4LjggMjY0LjgyLDQ4LjggQzI2MC42OTcxNDIsNDguNzk2NjkwNCAyNTYuNjE2NzcxLDQ3Ljk2NzAxNSAyNTIuODIsNDYuMzYgTDI1Mi44OSwzOS42OCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); background-repeat: no-repeat; background-position: center; background-size: contain; width: 230px; height: 58px; text-indent: -4000px; text-align: center; } @media (min-width: 768px) { #culers-hero .hero-info .title a { margin-left: 0; background-position: left center; } } @media (min-width: 1200px) { #culers-hero .hero-info .title a { width: 280px; height: 68px; } } #culers-hero .hero-info .subtitle { font-family: fcb-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; color: #ffffff; font-size: 34px; line-height: 48px; margin-bottom: 0.5em; } @media (min-width: 992px) { #culers-hero .hero-info .subtitle { font-size: 36px; line-height: 42px; padding-left: 70px; } } @media (min-width: 1200px) { #culers-hero .hero-info .subtitle { font-size: 40px; line-height: 48px; padding-left: 79px; } } #culers-hero .hero-info .description { font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; color: #ffffff; max-width: 280px; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { #culers-hero .hero-info .description { max-width: 320px; } } @media (min-width: 992px) { #culers-hero .hero-info .description { max-width: 100%; font-size: 18px; line-height: 30px; margin-left: 0; padding-left: 70px; padding-right: 1em; } } @media (min-width: 1200px) { #culers-hero .hero-info .description { font-size: 20px; line-height: 32px; padding-left: 82px; } } @media (min-width: 992px) { #culers-hero .hero-info .description.description-es span { display: inline; } } @media (min-width: 1200px) { #culers-hero .hero-info .description.description-es span { display: block; } } @media (min-width: 992px) { #culers-hero .hero-info .description.description-ca span { display: inline; } } @media (min-width: 1200px) { #culers-hero .hero-info .description.description-ca span { display: block; } } @media (min-width: 1200px) { #culers-hero .hero-info .description.description-en span { display: inline; } } @media (min-width: 576px) { #culers-hero .hero-info .description span { display: block; } } #culers-hero .cards-info { width: 100%; padding: 0.5em; margin-top: 8em; } @media (min-width: 576px) { #culers-hero .cards-info { width: 400px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { #culers-hero .cards-info { width: 360px; margin-top: 2em; margin-right: 0; padding: 0; } } @media (min-width: 992px) { #culers-hero .cards-info { width: 400px; margin-top: 8em; } } #culers-cards { position: relative; justify-content: center; text-align: center; background-color: rgba(255, 204, 118, 0.15); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding-bottom: 2em; -webkit-box-shadow: inset 0px 0px 0px 1px #ffcc76; -moz-box-shadow: inset 0px 0px 0px 1px #ffcc76; box-shadow: inset 0px 0px 0px 1px #ffcc76; } #culers-cards .example-card { position: relative; background-image: url("https://www.fcbarcelona.com/fcbarcelona/photo/2021/06/10/4996b53b-da08-4753-952c-2080e25cceb1/card-premium-blaugrana-big.png"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 280px; margin-top: -90px; } #culers-cards .example-card .btv { position: absolute; bottom: 45px; left: calc(50% - 140px / 2); text-transform: uppercase; color: #ffcc76; font-size: 26px; line-height: 45px; text-indent: -4000px; width: 140px; height: 45px; background-color: #000000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEyNiAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI2IDM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiNGRkNDNzY7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF80Xyk7ZmlsbDojRkZDQzc2O30KCS5zdDJ7Y2xpcC1wYXRoOnVybCgjU1ZHSURfNl8pO2ZpbGw6I0ZGQ0M3Njt9Cgkuc3Qze2NsaXAtcGF0aDp1cmwoI1NWR0lEXzhfKTtmaWxsOiNGRkNDNzY7fQoJLnN0NHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8xMF8pO2ZpbGw6I0ZGQ0M3Njt9Cgkuc3Q1e2NsaXAtcGF0aDp1cmwoI1NWR0lEXzEyXyk7ZmlsbDojRkZDQzc2O30KCS5zdDZ7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMTRfKTtmaWxsOiNGRkNDNzY7fQoJLnN0N3tjbGlwLXBhdGg6dXJsKCNTVkdJRF8xNl8pO2ZpbGw6I0ZGQ0M3Njt9Cjwvc3R5bGU+CjxnPgoJPGRlZnM+CgkJPHBhdGggaWQ9IlNWR0lEXzFfIiBkPSJNOS44OSw5LjEydjQuMTVDMTMuNjEsMTEuNzksMTQuOCw4LjY5LDkuODksOS4xMnogTTEyLjU5LDE1LjdsLTIuNjksMS40OHYyLjY3CgkJCWMxLjEyLTAuMDUsMy40OCwwLjM5LDMuNDMtMS40M0MxMy4zMywxNi44OSwxMy4wNSwxNi4xMywxMi41OSwxNS43eiBNMTcuNzUsOC4yOWMtMC4xNywxLjY5LTAuMzEsNC41OS0xLjU0LDUuNDIKCQkJYzEuNTgsMS4yOCwxLjU2LDQuMiwxLjc5LDYuNTN2MC4wM2MtMi4zNyw1LjIxLTguNjUsMy4zNS0xMywzLjY3YzAuNDMtMC4zNywwLjI2LTQuOTgsMC4yLTkuNzJsLTAuMDEtMC42OAoJCQljMC0wLjQ1LTAuMDEtMC45LTAuMDEtMS4zNWwwLTAuNjdjMC0wLjg4LDAuMDEtMS43NCwwLjA0LTIuNTVDNS4xMiw2LjI0LDUuNDcsNi4wNSw1LDUuMDVDMTAuOTUsNS4xOSwxNS42LDQuMDEsMTcuNzUsOC4yOXoiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI5Ii8+CjwvZz4KPGc+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0iU1ZHSURfM18iIGQ9Ik0yNi42LDkuMWgtMS4zMmMtMC4xNCwyLjQyLTAuNCw1LjAyLTAuNzEsNy4yN2gyLjczQzI3LDE0LjEyLDI2Ljc0LDExLjUyLDI2LjYsOS4xeiBNMzEuMjgsNQoJCQljLTAuNyw0LjM1LDAuNzEsMTIuNTMsMS43MiwxNi45NFYyNGgtNC40YzAsMC0wLjM0LTEuNDctMC43My0zLjgzaC0zLjg2Yy0wLjQsMi4zNi0wLjczLDMuODMtMC43MywzLjgzSDE5CgkJCWMwLjIzLTUuNywyLjgzLTEzLjI0LDEuNzItMTlIMzEuMjh6Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzRfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJPC9jbGlwUGF0aD4KCTxyZWN0IHg9IjE0IiBjbGFzcz0ic3QxIiB3aWR0aD0iMjQiIGhlaWdodD0iMjkiLz4KPC9nPgo8Zz4KCTxkZWZzPgoJCTxwYXRoIGlkPSJTVkdJRF81XyIgZD0iTTM5Ljg4LDkuMTN2NS4wMWMyLjAzLTEuMTQsMy4yOC0xLjMxLDMuMDUtNC4wNkM0Mi44NCw5LjA1LDQwLjg1LDkuMDksMzkuODgsOS4xM3ogTTQ3LjczLDguMwoJCQljLTAuMjIsMi40LDAuMDksNS44Ni0yLjM5LDcuMjZjMC42OSwyLjE5LDEuNyw0LjUyLDIuNjYsNi4zOVYyNGgtMy45Yy0wLjkxLTEuOTItMS44Ny00LjE0LTIuNjMtNi4zNmwtMS41OSwwLjkyCgkJCWMwLjEsMC42OC0wLjIzLDUuMSwwLjIyLDUuNDRIMzVjMC4zOS0wLjM1LDAuMjgtNC4zNiwwLjIxLTguNzRsLTAuMDEtMC42OGwtMC4wMS0wLjY4Yy0wLjAxLTAuNTctMC4wMS0xLjEzLTAuMDEtMS42OWwwLTAuNjcKCQkJYzAtMC44OSwwLjAxLTEuNzUsMC4wNC0yLjU2Yy0wLjEtMi43NCwwLjI1LTIuOTMtMC4yMi0zLjkzQzQwLjk0LDUuMTksNDUuNTgsNC4wMSw0Ny43Myw4LjN6Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF81XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJPC9jbGlwUGF0aD4KCTxyZWN0IHg9IjMwIiBjbGFzcz0ic3QyIiB3aWR0aD0iMjMiIGhlaWdodD0iMjkiLz4KPC9nPgo8Zz4KCTxkZWZzPgoJCTxwYXRoIGlkPSJTVkdJRF83XyIgZD0iTTUzLjg1LDEwLjE2YzAuMjksNy40NS0xLjgzLDEyLjUsNS4wOSw5LjY3SDU5djQuNzFjLTAuNjYtMC4yMi0wLjc1LTAuMDYtMS45MSwwLjExCgkJCWMtMC4xMSwyLjgtMS4wMyw0LjM1LTEuMDMsNC4zNWgtNC4xOGMtMC4xMS0wLjIsMS4wNi0yLjE4LDEuMTMtNC41N2MtMS44Ni0wLjQxLTMuMDQtMS45MS00LjAyLTMuM0M0OS4xNywyMCw0OS4zNCw5Ljg5LDQ5LDguNTQKCQkJYzIuNy00LjU3LDYuMzktMy40MSw5Ljk5LTMuNDF2NC43MWgtMC4wNkM1OC4wOSw4Ljk5LDU0LjA3LDguODEsNTMuODUsMTAuMTZ6Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzhfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF83XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJPC9jbGlwUGF0aD4KCTxyZWN0IHg9IjQ0IiBjbGFzcz0ic3QzIiB3aWR0aD0iMjAiIGhlaWdodD0iMzQiLz4KPC9nPgo8Zz4KCTxkZWZzPgoJCTxwYXRoIGlkPSJTVkdJRF85XyIgZD0iTTY3LjYsOS4xaC0xLjMzYy0wLjE0LDIuNDItMC40LDUuMDItMC43MSw3LjI3aDIuNzRDNjgsMTQuMTIsNjcuNzQsMTEuNTIsNjcuNiw5LjF6IE03Mi4yOCw1CgkJCWMtMC43LDQuMzUsMC43MSwxMi41MywxLjcyLDE2Ljk0VjI0aC00LjM5YzAsMC0wLjM0LTEuNDctMC43My0zLjgzaC0zLjg2Yy0wLjQsMi4zNi0wLjczLDMuODMtMC43MywzLjgzSDYwCgkJCWMwLjIzLTUuNywyLjgzLTEzLjI0LDEuNzItMTlINzIuMjh6Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzEwXyI+CgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfOV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCTwvY2xpcFBhdGg+Cgk8cmVjdCB4PSI1NSIgY2xhc3M9InN0NCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI5Ii8+CjwvZz4KPGc+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0iU1ZHSURfMTFfIiBkPSJNOTAsNXY0LjMxQzg5Ljg2LDksODcuNDksOS4xMSw4Ny4yNCw5LjFjMC4yMiwwLjU4LTAuNDEsMTQuMzksMC4yMSwxNC45aC00LjkKCQkJYzAuNTQtMC4yMiwwLjA1LTE0LjQ4LDAuMjEtMTQuOUM4Mi4xMiw5LjE3LDgwLjQ1LDguOTEsODAsOS4zMVY1SDkweiIvPgoJPC9kZWZzPgoJPGNsaXBQYXRoIGlkPSJTVkdJRF8xMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzExXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJPC9jbGlwUGF0aD4KCTxyZWN0IHg9Ijc1IiBjbGFzcz0ic3Q1IiB3aWR0aD0iMjAiIGhlaWdodD0iMjkiLz4KPC9nPgo8Zz4KCTxkZWZzPgoJCTxwYXRoIGlkPSJTVkdJRF8xM18iIGQ9Ik0xMDMuOTksNy4wNmMwLjE5LTAuMDYtMi42MiwxMC42MS0xLjksMTYuOTRoLTkuMTJjMC42NC04LjQ4LTIuNDUtMTYuNjMtMS45LTE5aDQuMTMKCQkJYzAsMCwxLjc0LDcuMTEsMi4yLDE0LjloMC4zOGMwLjQ1LTcuNzksMi4yLTE0LjksMi4yLTE0LjloNC4wMkwxMDMuOTksNy4wNkwxMDMuOTksNy4wNnoiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMTRfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCTwvY2xpcFBhdGg+Cgk8cmVjdCB4PSI4NiIgY2xhc3M9InN0NiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI5Ii8+CjwvZz4KPGc+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0iU1ZHSURfMTVfIiBkPSJNMTIxLDEyLjcydjQuNTZjLTAuMDMtMC4zNy00LjctMC4xOC00LjgtMC4yMmMwLjA5LDAuNzMtMC4yMyw0LjU4LDAuMjIsNC45NGgtNC44MwoJCQljMC4zNy0wLjAxLDAuMTgtNC44MywwLjIyLTQuOTRjLTAuNjUsMC4wOS00LjQ2LTAuMjItNC44LDAuMjJ2LTQuNTZjMC4wMywwLjM3LDQuNywwLjE4LDQuOCwwLjIyYy0wLjA5LTAuNzMsMC4yMy00LjU4LTAuMjItNC45NAoJCQloNC44M2MtMC4zNywwLjAxLTAuMTgsNC44My0wLjIyLDQuOTRDMTE2Ljg0LDEyLjg1LDEyMC42NiwxMy4xNywxMjEsMTIuNzJ6Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzE2XyI+CgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMTVfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPHJlY3QgeD0iMTAyIiB5PSIzIiBjbGFzcz0ic3Q3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4KPC9nPgo8L3N2Zz4K'); background-position: center 10px; background-repeat: no-repeat; background-size: 120px 32px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -webkit-box-shadow: inset 0px 0px 0px 2px #ffcc76; -moz-box-shadow: inset 0px 0px 0px 2px #ffcc76; box-shadow: inset 0px 0px 0px 2px #ffcc76; } #culers-cards .barca-btn { display: flex; width: 216px; /*height: 48px;*/ padding: 0 1em; } @media (min-width: 768px) { #culers-cards .barca-btn { padding-left: 1em; padding-right: 1em; font-size: 16px; } } #culers-cards .barca-btn .text { width: 60%; flex-basis: 60%; text-align: left; box-sizing: border-box; } #culers-cards .barca-btn .price { width: 40%; flex-basis: 40%; box-sizing: border-box; font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; opacity: 0.7; text-align: right; } #culers-benefits .tagline { font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 28px; margin-bottom: 0.5em; text-align: center; } #culers-benefits .tagline span { background: -moz-linear-gradient(65deg, #d9010c 0%, #a51698 45%, #2866ff 100%); background: -webkit-linear-gradient(65deg, #d9010c 0%, #a51698 45%, #2866ff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0.2); color: #fff; } #culers-benefits .big-title { font-family: fcb-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 32px; line-height: 40px; color: #ffffff; text-align: center; margin-bottom: 1.5em; max-width: 380px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { #culers-benefits .big-title { max-width: 420px; margin-left: auto; margin-right: auto; font-size: 40px; line-height: 48px; } } @media (min-width: 992px) { #culers-benefits .big-title { max-width: initial; } } #culers-benefits .single-benefit { overflow: hidden; display: flex; box-sizing: border-box; align-items: flex-end; position: relative; margin-left: 1em; margin-right: 1em; margin-bottom: 2em; padding: 0 1.72em 1.5em; width: 100%; min-height: 320px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-position: center 30%; background-repeat: no-repeat; background-size:contain; } @media (min-width: 768px) { #culers-benefits .single-benefit { background-size: cover; background-position: center; width: calc(50% - 0.5em); flex-basis: calc(50% - 0.5em); margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { #culers-benefits .single-benefit { width: calc(50% - 1em); flex-basis: calc(50% - 1em); min-height: 400px; padding-bottom: 0; padding-left: 1.72em; padding-right: 1em; margin-left: 0; margin-right: 0; margin-bottom: 0; align-items: initial; } } @media (min-width: 768px) { #culers-benefits .single-benefit:first-child { margin-right: 0.5em; } } @media (min-width: 992px) { #culers-benefits .single-benefit:first-child { margin-right: 1em; background-position: left center; } } @media (min-width: 1200px) { #culers-benefits .single-benefit:first-child { background-position: -40% center; } } @media (min-width: 768px) { #culers-benefits .single-benefit:last-child { margin-left: 0.5em; } } @media (min-width: 992px) { #culers-benefits .single-benefit:last-child { margin-left: 1em; padding-right: 0; } } #culers-benefits .single-benefit.unlimited-benefit:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: -moz-linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 80%); background: -webkit-linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 80%); background: linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020814",endColorstr="#020814",GradientType=1); } @media (min-width: 992px) { #culers-benefits .single-benefit.unlimited-benefit:before { background: -moz-linear-gradient(270deg, rgba(2, 8, 20, 0) 0%, rgba(2, 8, 20, 0.95) 70%); background: -webkit-linear-gradient(270deg, rgba(2, 8, 20, 0) 0%, rgba(2, 8, 20, 0.95) 70%); background: linear-gradient(270deg, rgba(2, 8, 20, 0) 0%, rgba(2, 8, 20, 0.95) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020814",endColorstr="#020814",GradientType=1); } } #culers-benefits .single-benefit.unlimited-benefit:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(250, 250, 250, 0.08); -moz-box-shadow: inset 0px 0px 0px 1px rgba(250, 250, 250, 0.08); box-shadow: inset 0px 0px 0px 1px rgba(250, 250, 250, 0.08); background: -moz-linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 80%); background: -webkit-linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 80%); background: linear-gradient(180deg, rgba(2, 8, 20, 0) 0%, #020814 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020814",endColorstr="#020814",GradientType=1); } @media (min-width: 992px) { #culers-benefits .single-benefit.unlimited-benefit:after { background: -moz-linear-gradient(180deg, rgba(2, 8, 20, 0) 60%, rgba(2, 8, 20, 0.95) 95%); background: -webkit-linear-gradient(180deg, rgba(2, 8, 20, 0) 60%, rgba(2, 8, 20, 0.95) 95%); background: linear-gradient(180deg, rgba(2, 8, 20, 0) 60%, rgba(2, 8, 20, 0.95) 95%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020814",endColorstr="#020814",GradientType=1); } } #culers-benefits .single-benefit.unlimited-benefit .title { max-width: 240px; } #culers-benefits .single-benefit.card-benefit { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(250, 250, 250, 0.08); -moz-box-shadow: inset 0px 0px 0px 1px rgba(250, 250, 250, 0.08); box-shadow: inset 0px 0px 0px 1px rgba(250, 250, 250, 0.08); } #culers-benefits .single-benefit.card-benefit:after, #culers-benefits .single-benefit.card-benefit:before { content: ''; position: absolute; z-index: 1; width: 120%; height: 120%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); } #culers-benefits .single-benefit.card-benefit:before { top: 0; left: -40%; background: rgba(0, 64, 135, 0.4); } #culers-benefits .single-benefit.card-benefit:after { z-index: 0; top: -20%; left: 20%; background: rgba(241, 10, 42, 0.4); } @media (min-width: 992px) { #culers-benefits .single-benefit.card-benefit:after { top: -30%; } } #culers-benefits .single-benefit.card-benefit .title { margin-top: -0.5em; } @media (min-width: 768px) { #culers-benefits .single-benefit.card-benefit .title { max-width: 240px; } } @media (min-width: 992px) { #culers-benefits .single-benefit.card-benefit .title { margin-top: 5.5em; max-width: initial; } } @media (min-width: 768px) { #culers-benefits .single-benefit.card-benefit .description { max-width: 240px; } } @media (min-width: 992px) { #culers-benefits .single-benefit.card-benefit .description { max-width: initial; } } #culers-benefits .single-benefit .inner { position: relative; z-index: 1; } @media (min-width: 992px) { #culers-benefits .single-benefit .inner { flex-direction: row-reverse; } } @media (min-width: 992px) { #culers-benefits .single-benefit .info { width: 220px; flex-basis: 220px; } } @media (min-width: 1200px) { #culers-benefits .single-benefit .info { width: 240px; flex-basis: 240px; } } #culers-benefits .single-benefit .example-card { background-image: url("https://www.fcbarcelona.com/fcbarcelona/photo/2021/06/10/4996b53b-da08-4753-952c-2080e25cceb1/card-premium-blaugrana-big.png"); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 280px; } @media (min-width: 992px) { #culers-benefits .single-benefit .example-card { width: calc(100% - 220px); flex-basis: calc(100% - 220px); height: 100%; background-size: 200%; background-position: left center; } } @media (min-width: 1200px) { #culers-benefits .single-benefit .example-card { width: calc(100% - 240px); flex-basis: calc(100% - 240px); background-size: 150%; background-position: left center; } } #culers-benefits .single-benefit .title { position: relative; font-family: fcb-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; color: #ffffff; text-transform: uppercase; margin-bottom: 0.5em; } @media (min-width: 992px) { #culers-benefits .single-benefit .title { margin-top: 5.5em; } } #culers-benefits .single-benefit .description { position: relative; font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.8); } @media (min-width: 992px) { #culers-benefits .single-benefit .description span { display: block; margin-bottom: 0.75em; } } #culers-features { cursor: default; margin-top: 5em; margin-bottom: 15em; } #culers-features .big-title { font-family: fcb-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; text-align: left; font-size: 32px; line-height: 40px; color: #ffffff; margin-bottom: 1em; padding-left: 1em; padding-right: 1em; } @media (min-width: 768px) { #culers-features .big-title { text-align: center; font-size: 40px; line-height: 56px; margin-bottom: 3em; } } #culers-features .feature-item { padding: 2.25em; width: 100%; box-sizing: border-box; } @media (min-width: 576px) { #culers-features .feature-item { margin-bottom: 1.75em; padding: 2.5em; max-width: 50%; flex-basis: 50%; } } @media (min-width: 768px) { #culers-features .feature-item { padding: 2em; } } @media (min-width: 992px) { #culers-features .feature-item { padding-left: 2.25em; padding-right: 2.25em; max-width: 33.3333%; flex-basis: 33.3333%; } } @media (min-width: 1200px) { #culers-features .feature-item { padding-left: 2.75em; padding-right: 2.75em; } } @media (min-width: 768px) { #culers-features .feature-item:hover .icon, #culers-features .feature-item:hover .title, #culers-features .feature-item:hover .description { -webkit-transform: translateX(2px); transform: translateX(2px); padding-left: 2px; } } #culers-features .feature-item .icon { width: 40px; height: auto; margin-bottom: 0.5em; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #culers-features .feature-item .title { font-family: fcb-semi-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 32px; color: #ffffff; margin-bottom: 0.15em; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 768px) { #culers-features .feature-item .title { font-size: 22px; line-height: 40px; } } #culers-features .feature-item .description { font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 32px; color: #ffffff; opacity: 0.5; margin-bottom: 0.15em; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #culers-claim { text-align: center; margin-bottom: 10em; } #culers-claim .title { font-family: fcb-bold, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 32px; line-height: 40px; color: #ffffff; margin-bottom: 0.5em; } @media (min-width: 768px) { #culers-claim .title { font-size: 40px; line-height: 48px; margin-bottom: 0.25em; } } #culers-claim .subtitle { font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 0.7); margin-bottom: 2em; } @media (min-width: 768px) { #culers-claim .subtitle { margin-bottom: 3.5em; } } #culers-claim .barca-btn { display: flex; margin-left: auto; margin-right: auto; width: 256px; padding-top: 1.25em; padding-bottom: 1.25em; } #culers-claim .barca-btn .text { width: 60%; flex-basis: 60%; box-sizing: border-box; text-align: left; } #culers-claim .barca-btn .price { font-family: fcb-regular, Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; opacity: 0.65; padding-left: 1em; text-align: right; width: 40%; flex-basis: 40%; box-sizing: border-box; } #page-content {background:#020814;} #culers-claim {margin-bottom: 0;padding-bottom: 10em;} #culers-hero .hero-info .description p{color: #ffffff!important;} #culers-cards .barca-btn {width: 256px;padding-top: 1.25em;padding-bottom: 1.25em;} @media (max-width: 767px) {#culers-features {margin-bottom: 10em;}} .u-main-background {background: rgba(2,8,20,0); background: -moz-linear-gradient(top, rgba(2,8,20,0) 0%, rgba(2,8,20,1) 10%, rgba(2,8,20,1) 90%, rgba(2,8,20,1) 91%, rgba(2,8,20,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,8,20,0)), color-stop(10%, rgba(2,8,20,1)), color-stop(90%, rgba(2,8,20,1)), color-stop(91%, rgba(2,8,20,1)), color-stop(100%, rgba(2,8,20,0))); background: -webkit-linear-gradient(top, rgba(2,8,20,0) 0%, rgba(2,8,20,1) 10%, rgba(2,8,20,1) 90%, rgba(2,8,20,1) 91%, rgba(2,8,20,0) 100%); background: -o-linear-gradient(top, rgba(2,8,20,0) 0%, rgba(2,8,20,1) 10%, rgba(2,8,20,1) 90%, rgba(2,8,20,1) 91%, rgba(2,8,20,0) 100%); background: -ms-linear-gradient(top, rgba(2,8,20,0) 0%, rgba(2,8,20,1) 10%, rgba(2,8,20,1) 90%, rgba(2,8,20,1) 91%, rgba(2,8,20,0) 100%); background: linear-gradient(to bottom, rgba(2,8,20,0) 0%, rgba(2,8,20,1) 10%, rgba(2,8,20,1) 90%, rgba(2,8,20,1) 91%, rgba(2,8,20,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020814', endColorstr='#020814', GradientType=0 );} #culers-cards .barca-btn .text {text-transform: uppercase;font-size: 1.6rem;} #culers-claim .barca-btn .text {text-transform: uppercase;font-size: 1.6rem;} #culers-cards .example-card {height: 240px;margin-bottom: 6em;} #culers-cards .example-card .btv {bottom: -35px;} .link_annual {text-decoration: none;} @media (max-width: 767px){ #culers-hero .hero-info .subtitle, #culers-hero .hero-info .description {display:none;} #culers-hero .hero-info {margin-top: 0;} #culers-hero .container {margin-top: -180px;} } </style> </div> <div class="simple-embed js-simple-embed"> <style> .navigation-fixed-container, .section-nav-container {display:none !important;} .body-content {padding-top:0 !important;} .static-content:after {content:none !important;} </style> </div> <div class="simple-embed js-simple-embed"> <style> .bac {background-image:none !important;} .section-nav-container {position:fixed !important;top:0 !important;left:0;right:0;z-index:41;} .static-wrapper {margin-top:5.4rem;} @media (min-width:840px) { .static-wrapper {margin-top:6rem;} } .bac-head {display:none !important;} .static-hero__heading {margin:0 !important;} </style> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "FC Barcelona", "logo": "https://www.fcbarcelona.com/resources/v2.92.4-6583/i/elements/fcb-meta-logo.png", "url" : "https://www.fcbarcelona.com", "sameAs": [ "https://www.facebook.com/fcbarcelona", "https://twitter.com/FCBarcelona", "http://instagram.com/fcbarcelona", "https://www.youtube.com/fcbarcelona", "https://plus.google.com/116151548242653888082/posts", "https://www.linkedin.com/company-beta/37347/", "https://www.pinterest.es/fcbarcelona/" ], "address": { "@type": "PostalAddress", "addressLocality": "Barcelona, Spain", "postalCode": "08028", "streetAddress": "C. d'Aristides Maillol, 12" } } </script> <script src="//translations.platform.pulselive.com/fcbarcelona/en.js" charset="UTF-8"></script><script> window['gtag_enable_tcf_support'] = true; </script> <script> // eslint-disable-next-line no-unused-vars var ANALYTICS_HELPER = (function( ) { var teamTypeTranslations = { 'barca-b': 'Barca B', 'womens-football': 'Femeni', 'womens': 'Femeni', 'women': 'Femeni', 'femeni-a': 'Femeni', 'femenino-a': 'Femeni', 'football-feminin': 'Femeni', 'fc-barcelona-u19a': 'Juvenil A', 'fc-barcelona-u19b': 'Juvenil B', 'juvenil-a': 'Juvenil A', 'juvenil-b': 'Juvenil B', 'primer-equip': 'Primer equip', 'primer-equipo': 'Primer equip', 'first-team': 'Primer equip', 'formatiu-femeni': 'Formatiu', 'formativo-femenino': 'Formatiu', 'formatiu-masculi': 'Formatiu', 'formativo-masculino': 'Formatiu', 'barca-youth': 'Formatiu' }; var sportTranslations = { 'basketball': 'Basquet', 'handball': 'Handbol', 'futsal': 'Futsal', 'roller-hockey': 'Hoquei patins', 'football': 'Futbol' }; var TABLET_BREAKPOINT = 840; var PHABLET_BREAKPOINT = 640; var ONE_SECOND_IN_MS = 1000; var ONE_MINUTE_IN_SECS = 60; var ONE_HOUR_IN_MINS = 60; var ONE_DAY_IN_HOURS = 24; var COOKIE_AUTH_NAME = 'fcb-sso-identity'; var COOKIE_UUID_NAME = 'fcb-sso-uuid'; var COOKIE_LOGIN_NAME = 'fcb-sso-login'; var COOKIE_ENTITLEMENTS_NAME = 'fcb-sso-entitlements'; var WEBVEW_COOKIE_NAME = 'webviewCookie'; var USER_TYPE = { NOT_LOGGED_IN: 'general', REGISTERED: 'fan', SUBSCRIBED: 'subscriptor' }; var SUBSCRIPTION_TYPE = { FREE: 'barca tv free', PAID: 'barca tv', PREMIUM: 'premium' }; window.eventListToTracking = []; window.eventListSent = []; var fireAnalyticsOnElement = function( evt, callback ) { if ( evt.which === CONSTANTS.KEY_CODES.ENTER || evt.type === 'click' ) { var type = evt.currentTarget.getAttribute( 'data-analytics-type' ); var section = evt.currentTarget.getAttribute( 'data-analytics-section' ); var event = evt.currentTarget.getAttribute( 'data-analytics-event' ); eventosDTM( type, section, event ); } }; var addEventListeners = function ( elements ) { var typesToUse = [ 'click', 'keypress' ]; /* * Allows us to call this method dynamically. For _ rendered HTML, pass in the newly created elements to check * whether any listeners need adding. Example is in article-modal.js */ if ( typeof elements === 'undefined' ) { elements = document.querySelectorAll( '[data-analytics="true"]' ); } // if analytics have already been initialized, don't do it twice var els = [].slice.call(elements).filter( function( el ) { return el.getAttribute( 'data-analytics-initialised' ) !== 'true'; } ); for ( var i = 0; i < els.length; i++ ) { (function () { for ( var j = 0; j < typesToUse.length; j++ ) { els[ i ].addEventListener( typesToUse[ j ], fireAnalyticsOnElement ); els[ i ].setAttribute( 'data-analytics-initialised', 'true' ); } })(); } }; var eventosDTM = function( type, section, event ) { if ( typeof _satellite === 'undefined' ) { return console.warn('Unable to fire analytics event, analytics disabled.'); } _satellite.setVar({ catFCB: type, actFCB: section, labelFCB: event}); _satellite.track('scEvent'); }; var eventosDTMstoriesMultiple = function( eventCategory, eventAction, eventLabel, seccio, format, storyName, storyTile ) { if ( typeof _satellite === 'undefined' ) { return console.warn('Unable to fire analytics event, analytics disabled.'); } var objEvento = { key : Date.now().toString() + (Math.floor(Math.random() * 9999999999) + 1).toString(), catFCB: eventCategory, actFCB: eventAction, labelFCB: eventLabel, sectionFCB: seccio, sTypeFCB: format, sNameFCB: storyName, sTileFCB: storyTile }; window.eventListToTracking.push(objEvento); _satellite.track('scEventListStories'); }; var eventosDTMmultiple = function( type, section, event ) { if ( typeof _satellite === 'undefined' ) { return console.warn('Unable to fire analytics event, analytics disabled.'); } var objEvento = { key : Date.now().toString() + (Math.floor(Math.random() * 9999999999) + 1).toString(), catFCB: type, actFCB: section, labelFCB: event }; window.eventListToTracking.push(objEvento); _satellite.track('scEventList'); }; var eventosDTMstories = function( eventCategory, eventAction, eventLabel, seccio, format, storyName, storyTile ) { if ( typeof _satellite === 'undefined' ) { return console.warn('Unable to fire analytics event, analytics disabled.'); } _satellite.setVar({ catFCB: eventCategory, actFCB: eventAction, labelFCB: eventLabel, sectionFCB: seccio, sTypeFCB: format, sNameFCB: storyName, sTileFCB: storyTile }); _satellite.track('scEventStories'); } var generateDataLayer = function ( analyticsModel ) { var contingut = { acces: 'general' } if ( analyticsModel.seccio ) { contingut.seccio = analyticsModel.seccio; }; if ( analyticsModel.subseccio ) { contingut.subseccio = analyticsModel.subseccio; }; return _mergeObjects( generateDefaultLayer( analyticsModel ), { contingut: contingut } ); }; var generateNewsDataLayer = function ( analyticsModel, isModal ) { var tags = _getTags(analyticsModel.tags); var newsDataLayer = _mergeObjects(generateDefaultLayer(analyticsModel), { contingut: { seccio: _getSection('news', tags), subseccio: _getSubSection(tags || ''), format: 'noticia', etiqueta: tags, tempsLectura: _getReadingTime(analyticsModel.duration), autor: analyticsModel.author || '', dataPublicacio: _getPublishDate(analyticsModel.publishFrom), destacat: analyticsModel.isFeatured || false, diesDesdePublicacio: _getDaysSincePublishDate(analyticsModel.publishFrom), videoPerNoticia: _getNumberOfVideosOnArticle( isModal ), multimedia: _getMultimediaTypes( isModal ), titol: analyticsModel.titol, } }); var matchReference = _getMatchReference(analyticsModel.references); if ( matchReference ) { newsDataLayer.nomEvent = matchReference; } return newsDataLayer; }; var generateGalleryDataLayer = function ( analyticsModel ) { var tags = _getTags(analyticsModel.tags); var galleryDataLayer = _mergeObjects(generateDefaultLayer(analyticsModel), { contingut: { seccio: _getSection('photo-galleries', tags), subseccio: _getSubSection(tags), format: 'galeria' } }); var matchReference = _getMatchReference(analyticsModel.references); if ( matchReference ) { galleryDataLayer.nomEvent = matchReference; } return galleryDataLayer; }; var generateBaseVideoDataLayer = function ( analyticsModel ) { return _mergeObjects(generateDefaultLayer(analyticsModel), { contingut: { seccio: _getSection('video') }, video: {} }); }; var generateDefaultLayer = function ( analyticsModel ) { var pageName = analyticsModel.pageName || window.location.href; var usuariVars = typeof fcbDL !== 'undefined' && Object.prototype.toString.call( fcbDL.usuari ) === '[object Object]' ? fcbDL.usuari : {}; var userUUID = getCookie( COOKIE_UUID_NAME ); var userLogin = getCookie( COOKIE_LOGIN_NAME ); var model = { usuari: _mergeObjects( usuariVars, { tipusUsuari: getUserType() } ), contingut: { idioma: _getLanguage( analyticsModel.language ), canal: getDeviceType(), URL: window.location.href, pageName: pageName, error404: 'FALSE', error500: 'FALSE', }, ecommerce: { plataforma: 'pulse', } } if ( analyticsModel.seccio ) { model.contingut.seccio = analyticsModel.seccio; } if ( analyticsModel.subseccio ) { model.contingut.subseccio = analyticsModel.subseccio; } if ( userUUID ) { var idUsuari = 'barcafans-' + userUUID; model.usuari.idUsuari = idUsuari; } return model; }; var contentHasTag = function( tags, tagName ) { if ( !tags ) return false; return tags.some( function( tag ) { return tag.label === tagName; } ); }; var generateVideoDataLayer = function ( analyticsModel ) { var tags = _getTags(analyticsModel.tags); var unknown = 'No informat'; var videoDataLayer = _mergeObjects(generateDefaultLayer(analyticsModel), { contingut: { seccio: _getSection('video'), subseccio: _getVideoSubsection( analyticsModel.tags ), etiqueta: tags, acces: _getEntitlement( analyticsModel.tags ) } }); videoDataLayer.video = { name: analyticsModel.title, id: analyticsModel.id, audio: unknown, duracio: contentHasTag( analyticsModel.tags, 'content-type-video--live' ) ? 'live' : analyticsModel.duration || unknown, streaming: contentHasTag( analyticsModel.tags, 'content-type-video--live' ) ? 'live' : 'on demand', playerQuality: unknown, dataEvent: new Date().toDateString() || unknown, dataPublicacio: _getPublishDate(analyticsModel.publishFrom) || unknown, diesDesdePublicacio: contentHasTag( analyticsModel.tags, 'content-type-video--live' ) ? 'zero' : _getDaysSincePublishDate(analyticsModel.publishFrom) || unknown, relacionat: analyticsModel.viaRelatedContent + '' || 'false', competicio: _getCompetitionId(analyticsModel.references), categoria: _getTags(analyticsModel.tags), suscripcio: getVideoEntitlement( analyticsModel.tags ), temporada: unknown } return videoDataLayer; }; var getVideoEntitlement = function( tags = [] ) { var returnTagLabel = 'obert'; for ( var i = 0; i < tags.length; i++ ) { var tag = tags[ i ]; if ( !tag.label ) { continue; } if ( tag.label === 'entitlement-type-premium' ) { return 'paid'; } else if ( tag.label === 'entitlement-type-barca-fans' ) { returnTagLabel = 'registre'; } } return returnTagLabel; }; var getParam = function ( name ) { name = name.replace(/[\[]/, '\\\[').replace(/[\]]/, '\\\]'); var regexS = '[\\?&]' + name + '=([^&#]*)'; var regex = new RegExp(regexS); var results = regex.exec(window.location.search); if ( results === null ) { return ''; } return decodeURIComponent(results[ 1 ].replace(/\+/g, ' ')); } var getDeviceType = function () { var webviewCookie = getCookie( WEBVEW_COOKIE_NAME ); if (getParam('canal') === 'web-view' || getParam('webview') === 'true' || webviewCookie) { return 'app-webview'; } else if (getParam('canal') === 'MainApp') { return 'Main App'; } else if (getParam('canal') === 'app-socis') { return 'Socis App'; } else if ( window.innerWidth <= TABLET_BREAKPOINT && window.innerWidth >= PHABLET_BREAKPOINT ) { return 'tablet'; } else if ( window.innerWidth <= PHABLET_BREAKPOINT ) { return 'mobile'; } else { return 'desktop'; } }; var getDobDetails = function getDobDetails( dobString ) { if ( dobString ) { var birthDate = new Date( dobString ); var birthYear = birthDate.getFullYear(); if ( !isNaN( birthYear ) ) { var ONE_YEAR = 3.154e+10; return { birthYear, age: Math.floor( ( Date.now() - birthDate.getTime() ) / ONE_YEAR ) }; } } }; var getCookie = function( name ) { var reg = new RegExp(name + "=([^;]+)"); var value = reg.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } var getUserType = function () { if ( getCookie( COOKIE_AUTH_NAME ) ) { var entitlementsCookie = getCookie( COOKIE_ENTITLEMENTS_NAME ); if ( entitlementsCookie && entitlementsCookie !== 'false' ) { var entitlements = entitlementsCookie.split( ',' ); if ( entitlements.indexOf( 'PremiumContent' ) !== -1 ) { return USER_TYPE.SUBSCRIBED; } } return USER_TYPE.REGISTERED; } return USER_TYPE.NOT_LOGGED_IN; } var _getDaysSincePublishDate = function ( publishFrom ) { var publishDate = publishFrom || 0; return Math.floor((new Date() - new Date(publishDate)) / (ONE_SECOND_IN_MS * ONE_MINUTE_IN_SECS * ONE_HOUR_IN_MINS * ONE_DAY_IN_HOURS)); }; var _getEntitlement = function ( tags ) { if (contentHasTag( tags, 'entitlement-type-barca-fans' )) { return 'registre'; } else if (contentHasTag( tags, 'entitlement-type-premium' )) { return 'paid'; } return 'general'; }; var _getLanguage = function ( language ) { var lang = language || 'en'; return lang === 'ja' ? 'JP' : lang.toUpperCase(); }; var _getCompetitionId = function ( references ) { var refs = references || []; var competititionId = refs.find(function (reference) { var type = reference.contentReference ? reference.contentReference.contentType : reference.type; return type === 'FOOTBALL_COMPETITION'; }); if ( competititionId ) { return competititionId.contentReference ? competititionId.contentReference.reference : competititionId.id; } return 'No informat'; }; var _getMatchReference = function ( references ) { var refs = references || []; var matchReference = refs.find(function (reference) { return reference.contentReference === 'FOOTBALL_FIXTURE'; }); if ( matchReference ) { return matchReference.reference; } return null; }; var _getNumberOfVideosOnArticle = function ( isModal ) { var articleCls = isModal ? '.article-modal' : '.article'; var numberOfVideos = document.querySelectorAll(articleCls + ' [data-widget="video-player-embeddable"]').length; return numberOfVideos === 0 ? 'zero' : numberOfVideos; }; var _getMultimediaTypes = function ( isModal ) { var articleCls = isModal ? '.article-modal' : '.article'; var hasVideos = document.querySelector(articleCls + ' [data-widget="video-player-embeddable"]') !== null; var hasPhotos = document.querySelector(articleCls + ' .embeddable-photo') !== null; var multimedia = hasVideos ? 'videos' : ''; if ( hasPhotos && hasVideos ) { return 'fotos | videos'; } return hasPhotos ? 'fotos' : multimedia; }; var _getPublishDate = function ( publishFrom ) { return new Date(publishFrom || 0).toDateString(); }; var _getReadingTime = function ( duration ) { return Math.floor((duration || 0) / ONE_MINUTE_IN_SECS); }; var _getSection = function ( type, tagString ) { if ( type === 'video' ) { return "barca tv"; } else if ( window.coreFCBDL && coreFCBDL.contingut.seccio ) { return coreFCBDL.contingut.seccio; } else if ( tagString ) { return _getCategoryByTag( tagString, sportTranslations ); } }; var _getSubSection = function ( tagString ) { return _getCategoryByTag( tagString, teamTypeTranslations ); }; var _getCategoryByTag = function ( tagString, tagGroup ) { var tags = tagString.split( '|' ); for ( var i = 0; i < tags.length; i++ ) { var category = tags[ i ].replace( 'content-category-', '' ); if ( tagGroup[ category ] ) { return tagGroup[ category ]; } } }; var _getTags = function ( tagsArray ) { var tags = tagsArray || []; if ( tags.length === 1 ) { return tags[ 0 ].label; } return tags.map(function ( tag ) { return tag.label; }).join('|').trim(); }; var _getTagCategories = function ( tagsArray ) { if ( !tagsArray || tagsArray.length === 0 ) { return ''; } var tagCategories = []; for ( var i = 0; i < tagsArray.length; i++ ) { if ( tagsArray[ i ].label.indexOf('content-category') !== -1 ) { tagCategories.push(tagsArray[ i ].label); } } return tagCategories.join('|'); }; var _getVideoSubsection = function( tagsArray ) { if ( !tagsArray || tagsArray.length === 0 ) { return ''; } var subsectionPrefix = 'ott-subsection-'; for ( var i = 0; i < tagsArray.length; i++ ) { if ( tagsArray[ i ].label.indexOf( subsectionPrefix ) === 0 ) { return tagsArray[ i ].label.replace( subsectionPrefix, '' ); } } return ''; }; var _mergeObjects = function ( baseObject, roofObject ) { var baseKeys = Object.keys(baseObject); if ( _isPlainObject( baseObject ) && _isPlainObject( roofObject ) ) { for ( var i = 0; i < baseKeys.length; i++ ) { var key = baseKeys[ i ]; if ( !roofObject.hasOwnProperty(key) ) { roofObject[ key ] = baseObject[ key ]; } else { roofObject[ key ] = _mergeObjects( baseObject[ key ], roofObject[ key ] ); } } } return roofObject; }; var _isPlainObject = function (obj) { return Object.prototype.toString.call(obj) === '[object Object]'; }; var _tagsContains = function ( tags, tagsToMatch ) { for ( var i = 0; i < tagsToMatch.length; i++ ) { if ( tags.includes(tagsToMatch[ i ]) ) { return true; } } return false; }; return { addEventListeners: addEventListeners, fireAnalyticsOnElement: fireAnalyticsOnElement, eventosDTM: eventosDTM, eventosDTMmultiple: eventosDTMmultiple, eventosDTMstories: eventosDTMstories, eventosDTMstoriesMultiple: eventosDTMstoriesMultiple, generateDataLayer: generateDataLayer, generateBaseVideoDataLayer: generateBaseVideoDataLayer, generateSportDataLayer: generateDefaultLayer, generateNewsDataLayer: generateNewsDataLayer, generateGalleryDataLayer: generateGalleryDataLayer, generateVideoDataLayer: generateVideoDataLayer, generateDefaultLayer: generateDefaultLayer, getDeviceType: getDeviceType, getDobDetails: getDobDetails, getUserType: getUserType, CONSTANTS: { USER_TYPE: USER_TYPE, SUBSCRIPTION_TYPE: SUBSCRIPTION_TYPE } }; })(); </script> <!-- Adobe Tag Manager --> <script> //prehiding snippet for Adobe Target with asynchronous Launch deployment (function(g,b,d,f){var ci=b.cookie.indexOf("CookieConsent");if(ci>-1){if(b.cookie.slice(ci).split(";")[0].indexOf("statistics:true")>-1){(function(a,c,d){if(a){var e=b.createElement("style");e.id=c;e.innerHTML=d;a.appendChild(e);}})(b.getElementsByTagName("head")[0],"at-body-style",d);setTimeout(function(){var a=b.getElementsByTagName("head")[0];if(a){var c=b.getElementById("at-body-style");c&&a.removeChild(c);}},f);}}})(window,document,"body {opacity: 0 !important}",3e3); var adobeScript = document.createElement('script'); adobeScript.type = 'text/javascript'; adobeScript.async = true; adobeScript.src = "//assets.adobedtm.com/launch-EN34cf030df5534d6395af8319e4d4561c.min.js"; document.getElementsByTagName('head')[0].appendChild( adobeScript ); var sectionOverride, subsectionOverride; if( document.head && document.head.querySelector ) { var sectionTag = document.head.querySelector( 'meta[name="analytics:section"]' ); if ( sectionTag && sectionTag.getAttribute( 'content' ) ) { sectionOverride = sectionTag.getAttribute( 'content' ); } sectionTag = document.head.querySelector( 'meta[name="analytics:subsection"]' ); if ( sectionTag && sectionTag.getAttribute( 'content' ) ) { subsectionOverride = sectionTag.getAttribute( 'content' ); } } try { fcbDL = ANALYTICS_HELPER.generateDefaultLayer( { language: 'en', seccio: sectionOverride, subseccio: subsectionOverride } ); } catch (err) { fcbDL = ANALYTICS_HELPER.generateDefaultLayer( { language: 'en', seccio: sectionOverride, subseccio: subsectionOverride } ); console.warn('Unable to create fcbDL object', err); } window.coreFCBDL = fcbDL; // Adds user's unique ID to the end of an href so they can be tracked across Barca properties setTimeout( function() { var barcaDomains = [ "dev-fcb-en.pulselive.com", "test-fcb-en.pulselive.com", "fcbarcelona.com", "fcbarcelona.cat", "fcbarcelona.es", "fcbarcelona.fr", "fcbarcelona.jp", "fcbarcelona.cn", "fcbarcelona.co.it", "fcbarcelona.co.de", "barcainnovationhub.com" ]; var visitor = Visitor.getInstance("7BEDF655569E15537F000101@AdobeOrg", { trackingServer: "smetrics.fcbarcelona.com", trackingServerSecure: "smetrics.fcbarcelona.com", marketingCloudServer: "smetrics.fcbarcelona.com", marketingCloudServerSecure: "smetrics.fcbarcelona.com" }); barcaDomains.forEach(function(domain) { var domainRegex = RegExp(domain); if (!domainRegex.test(location.hostname)) { hrefSelector = '[href*="' + domain + '"]'; document.querySelectorAll(hrefSelector).forEach(function(href) { href.addEventListener('mousedown', function(event) { var destinationURLWithVisitorIDs = visitor.appendVisitorIDsTo(event.currentTarget.href) event.currentTarget.href = destinationURLWithVisitorIDs.replace(/MCAID%3D.*%7CMCORGID/, 'MCAID%3D%7CMCORGID'); }); }); } }); }, 1000); </script> <script> if ( typeof ANALYTICS_HELPER !== 'undefined' ) { var section = ''; var dataLayerObject = { 'idioma': "en", 'canal': ANALYTICS_HELPER.getDeviceType(), 'seccio': section }; dataLayer = [dataLayerObject]; } </script> <script> window.FOOTBALL_CONFIG = {}; FOOTBALL_CONFIG.ALLOWED_COMPETITIONS = ['EU_CL','ES_PL','ES_SC','ES_JG','ES_CR','IG_CF','WO_CL','ES_PF','ES_CRA','ES_SF','IG_FW','WO_CC','EU_UC']; FOOTBALL_CONFIG.KNOCKOUT_COMPETITIONS = ['EU_CL','ES_SC','ES_CR','EU_SC','IG_CL','ES_JG','ES_CT','WO_CL','ES_CRA','ES_SF','EU_UC']; FOOTBALL_CONFIG.MATCHES_FILTER_COMPSEASONS = [501,492,490,424,491,488,461,467,513,507,473,499,520,583,556,589,724,712]; FOOTBALL_CONFIG.PLAYER_STATS_COMPETITIONS = [2,21,23,24,25,29,3]; FOOTBALL_CONFIG.PLAYER_STATS_COMPSEASONS = [724,736,720,737,736]; FOOTBALL_CONFIG.IGNORED_COMPSEASONS = [270,203]; FOOTBALL_CONFIG.CURRENT_SEASON_LABEL = "2024/2025"; FOOTBALL_CONFIG.HOME_TEAM_IDS = [49,1890]; </script> <script id="storyteller-script" type="text/javascript" data-src="https://storyteller.azureedge.net/javascript-sdk/10.3.5/dist/storyteller.min.js" src="https://content.usestoryteller.com/javascript-sdk/10.3.5/dist/storyteller.min.js"></script> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TR7BQW'); </script> <!-- End Google Tag Manager --> <!--<meta name="apple-itunes-app" content="app-id=0000">--> <!-- Service Worker Registration --> <script type="text/javascript"> "serviceWorker" in navigator && window.addEventListener( "load" , function() { navigator.serviceWorker.register("/sw.js?resourcesPath=v2.92.4-6583") .then( function( e ) { console.log("ServiceWorker successfully registered with scope: ",e.scope) }, function( e ){ console.error( "ServiceWorker registration failed: ", e ) } ) }); </script> <style> .article-modal { z-index: 60; } .branding-bar { background: linear-gradient(270deg, #9b0041 0, #9b0041 48%, #0018b4 52%, #0018b4) !important; } @media (max-width: 640px) { .filters-mobile { z-index: 70; } .filters__container { z-index: 80; } .modal--article-open.modal-fade .filters__container { z-index: 60; } } @media (max-width: 840px) { .mobile-quick-nav__item { font-size: 2.1rem; } } </style> </head> <body class="fcb-site"> <!-- used on desktop --> <div class="navigation-fixed-container js-navigation-fixed-container mobile-message" data-script="fcb_navigation" data-widget="navigation"> <div id="mobile-nav" class="main-mobile-navigation js-premium-check"> <div class="main-mobile-navigation__mobile-message js-mobile-message"> <div class="top-slim-message-container" data-widget="nav-message" data-script="fcb_navigation"> <a href="https://www.fcbarcelona.com/en/black-friday-barca?int=WB_24-25_A1222-10&btm_source=WebBarca&btm_medium=NativeRibbon&btm_campaign=BF24_EN_DIG_DIG_WW" class="top-slim-message top-slim-message--link is-mobile js-message " data-analytics="true" data-analytics-type="missatge-alerta" data-analytics-section="click" data-analytics-event="🔵🔴 BARÇA BLACK FRIDAY! Up to 50% discounts." data-hide-on-click="false" data-entitlement-type="free" data-promo-id="fcb-nav-message-4064340" > 🔵🔴 BARÇA BLACK FRIDAY! Up to 50% discounts. <span class="top-slim-message__link-text">SHOP NOW!</span> </a> </div> </div> <div class="main-mobile-navigation__fixed-section js-fixed-container"> <div class="main-mobile-navigation__mobile-logo-menu-container"> <a href="/en/" class="main-mobile-navigation__mobile-logo-container" title="Visit www.fcbarcelona.com"> <div class="main-mobile-navigation__mobile-logo"> <svg class="icon "><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#fc-barcelona"></use></svg> </div> </a> <div class="user-options" data-widget="user-options"> <button class="user-options__mobile-cta-open js-mobile-cta-open" data-analytics="true" data-analytics-type="top-men" data-analytics-section="go-to-login" data-analytics-event="culers"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#user"></use> </svg> Culers </button> <div class="user-options__membership-icon u-hide-tablet" aria-hidden> <button class="user-options__upgrade js-barca-videos-subscribe" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="upgrade-to-premium" data-analytics-event="barcatv" data-flow-id-subscribe="culerspremium"> Upgrade to PREMIUM </button> <img class="user-options__svg-icon user-options__svg-icon--premium" src="/resources/v2.92.4-6583/i/svg-files/account/culers-premium.svg" alt=""> </div> <button class="user-options__account"> <div class="user-options__account-avatar-container js-account js-account-avatar-container u-hide" data-analytics="true" data-analytics-type="top-men" data-analytics-section="go-to-private-area" data-analytics-event="my-account"> <div class="user-options__account-avatar js-account-avatar"></div> </div> <span class="user-options__name-holder user-options__name-holder--premium js-account"> <span class="user-options__account-text user-options__account-text--desktop js-account-text-desktop"></span> <span class="user-options__account-text user-options__account-text--mobile js-account-text-mobile"></span> <span class="user-options__upgrade u-show-tablet">Upgrade</span> </span> <span class="user-options__name-holder user-options__name-holder--upgrade js-barca-videos-subscribe" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="upgrade-to-premium" data-analytics-event="barcatv" data-flow-id-subscribe="culerspremium"> <span class="user-options__account-text user-options__account-text--desktop js-account-text-desktop"></span> <span class="user-options__account-text user-options__account-text--mobile js-account-text-mobile"></span> <span class="user-options__upgrade u-show-tablet">Upgrade</span> </span> </button> <div class="user-options__buttons-wrapper"> <div class="user-options__button-container user-options__button-container--login"> <button class="user-options__button js-login" data-analytics="true" data-analytics-type="login" data-analytics-section="login-boto" data-analytics-event="header" data-flow-id-login="login" > <span class="user-options__user-icon"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#user"></use> </svg> </span> Login </button> </div> <div class="user-options__button-container user-options__button-container--register"> <button class="user-options__button js-register" data-analytics="true" data-analytics-type="register" data-analytics-section="register-boto" data-analytics-event="header" data-flow-id-register="register" > <svg class="icon user-options__barca-icon" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#barca-monochrome"></use> </svg> Become A Culer </button> <button class="user-options__mobile-cta-close js-mobile-cta-close"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#close"></use> </svg> </button> </div> </div> </div> <div class="alert-centre u-hide " data-widget="alert-centre" data-script="fcb_alert-centre" data-total-alerts="10" data-tag="content-alert-centre" > <div class="alert-centre__bell-container js-alert-bell-container"> <div class="alert-centre__bell-container__icon-badge-container"> <svg class=" alert-centre__bell-container__bell" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#bell"></use> </svg> <svg class=" alert-centre__bell-container__bell alert-centre__bell-container__bell--filled" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#bell-filled"></use> </svg> <div class="alert-centre__bell-container__badge js-alert-badge"></div> </div> </div> <div class="alert-centre__dropdown js-alert-dropdown"> <div class="alert-centre__dropdown-container"> <h3 class="alert-centre__dropdown__title">Notifications Center</h3> <ul class="js-alerts-container alert-centre__dropdown__alerts-container"></ul> </div> <div class="alert-centre__dropdown__footer"> <button class="alert-centre__read-button js-alert-read-button"> <span class="alert-centre__view-icon-container"> <svg class=" alert-centre__icon__view" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#views"></use> </svg> </span> <span class="alert-centre__read-button__text">Mark All Read</span> </button> </div> <div class="alert-centre__no-alerts js-alert-no-alerts-message u-hide"> <div class="alert-centre__no-alerts__container"> <div class="alert-centre__no-alerts__icon"> <svg class=" alert-centre__ball-container__ball" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#ball"></use> </svg> </div> <div class="alert-centre__no-alerts__text alert-centre__no-alerts__title">Your Notifications</div> <div class="alert-centre__no-alerts__text">No Notifications to show at the moment. Check back later!</div> </div> </div> </div> </div> <div class="mobile-burger-menu js-burger-menu"> <div class="burger-menu"> <div class="burger-menu__icon burger-menu__icon--top"></div> <div class="burger-menu__icon burger-menu__icon--middle"></div> <div class="burger-menu__icon burger-menu__icon--bottom"></div> </div> <span class="mobile-burger-menu__title">Menu</span> </div> <span class="main-mobile-navigation__glow"></span> </div> <div class="main-mobile-navigation__quick-nav"> <nav class="secondary-navigation-mobile" data-widget="secondary-nav-mobile" data-script="fcb_navigation"> <div class="secondary-navigation-mobile__item isActive js-tab"> <a class="secondary-navigation-mobile__link" href="/en/black-friday-barca?int=WB_24-25_A1222-90&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=BF24_EN_DIG_DIG_WW" > <div class="secondary-navigation-mobile__icon-container"> <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--shopping-black-friday icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#shopping-black-friday"></use></svg> </div> <div class="secondary-navigation-mobile__title"> Black Friday </div> </a> </div> <div class="secondary-navigation-mobile__item js-tab"> <a class="secondary-navigation-mobile__link" href="/en/tickets/football?int=WB_&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=FUTMASC-SINGLEGAMETICKETS_EN_TKT_FUT_WW" > <div class="secondary-navigation-mobile__icon-container"> <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--football icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#football"></use></svg> </div> <div class="secondary-navigation-mobile__title"> Next Match </div> </a> </div> <div class="secondary-navigation-mobile__item js-tab"> <a class="secondary-navigation-mobile__link" href="https://store.fcbarcelona.com/?ext=OCM_420&utm_source=WebBarca&utm_medium=Menu&utm_campaign=MenuWebBarca_ORG_BLM_HOME_OCM_webBarca_TXT_WW_EN" rel="noopener" target="_blank"> <div class="secondary-navigation-mobile__icon-container"> <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--shop icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#uniform"></use></svg> </div> <div class="secondary-navigation-mobile__title"> Shop <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--external icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#external"></use></svg> </div> </a> </div> <div class="secondary-navigation-mobile__item js-tab"> <a class="secondary-navigation-mobile__link" href="/en/tickets/things-to-do-in-barcelona?int=WB_&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=TSE_EN_TKT_ALL_WW" > <div class="secondary-navigation-mobile__icon-container"> <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--ticket-full icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#ticket-full"></use></svg> </div> <div class="secondary-navigation-mobile__title"> Tickets & Museum </div> </a> </div> <div class="secondary-navigation-mobile__item js-tab"> <a class="secondary-navigation-mobile__link" href="/en/culers?int=WB_&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=LPCulers_EN_DIG_CULERS_WW" > <div class="secondary-navigation-mobile__icon-container"> <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--culers-ball icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#culers-ball"></use></svg> </div> <div class="secondary-navigation-mobile__title"> Culers </div> </a> </div> <div class="secondary-navigation-mobile__item js-tab"> <a class="secondary-navigation-mobile__link" href="https://one.fcbarcelona.com/en?int=WB_&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=BarcaOneLaunch_EN_DIG_OTT_WW" rel="noopener" target="_blank"> <div class="secondary-navigation-mobile__icon-container"> <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--video-full icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#video-full"></use></svg> </div> <div class="secondary-navigation-mobile__title"> Barça One <svg class="secondary-navigation-mobile__icon secondary-navigation-mobile__icon--external icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#external"></use></svg> </div> </a> </div> </nav> </div> </div> </div> <div id="nav" class="navigation js-nav-main"> <div class="navigation__core js-nav-core"> <div class="navigation__primary"> <div class="navigation__top u-hide-tablet"> <nav class="top-slim-nav js-premium-check"> <div class="top-slim-nav__message u-hide-tablet"> <div class="top-slim-message-container" data-widget="nav-message" data-script="fcb_navigation"> <a href="https://www.fcbarcelona.com/en/black-friday-barca?int=WB_24-25_A1222-10&btm_source=WebBarca&btm_medium=NativeRibbon&btm_campaign=BF24_EN_DIG_DIG_WW" class="top-slim-message top-slim-message--link js-message " data-analytics="true" data-analytics-type="missatge-alerta" data-analytics-section="click" data-analytics-event="🔵🔴 BARÇA BLACK FRIDAY! Up to 50% discounts." data-hide-on-click="false" data-entitlement-type="free" data-promo-id="fcb-nav-message-3063099" target="_blank" > 🔵🔴 BARÇA BLACK FRIDAY! Up to 50% discounts. <span class="top-slim-message__link-text">SHOP NOW!</span> </a> </div> </div> <div class="top-slim-nav__right-hand-row"> <div class="top-slim-nav__user-actions"> <div class="user-options" data-widget="user-options"> <button class="user-options__mobile-cta-open js-mobile-cta-open" data-analytics="true" data-analytics-type="top-men" data-analytics-section="go-to-login" data-analytics-event="culers"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#user"></use> </svg> Culers </button> <div class="user-options__membership-icon u-hide-tablet" aria-hidden> <button class="user-options__upgrade js-barca-videos-subscribe" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="upgrade-to-premium" data-analytics-event="barcatv" data-flow-id-subscribe="culerspremium"> Upgrade to PREMIUM </button> <img class="user-options__svg-icon user-options__svg-icon--premium" src="/resources/v2.92.4-6583/i/svg-files/account/culers-premium.svg" alt=""> </div> <button class="user-options__account"> <div class="user-options__account-avatar-container js-account js-account-avatar-container u-hide" data-analytics="true" data-analytics-type="top-men" data-analytics-section="go-to-private-area" data-analytics-event="my-account"> <div class="user-options__account-avatar js-account-avatar"></div> </div> <span class="user-options__name-holder user-options__name-holder--premium js-account"> <span class="user-options__account-text user-options__account-text--desktop js-account-text-desktop"></span> <span class="user-options__account-text user-options__account-text--mobile js-account-text-mobile"></span> <span class="user-options__upgrade u-show-tablet">Upgrade</span> </span> <span class="user-options__name-holder user-options__name-holder--upgrade js-barca-videos-subscribe" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="upgrade-to-premium" data-analytics-event="barcatv" data-flow-id-subscribe="culerspremium"> <span class="user-options__account-text user-options__account-text--desktop js-account-text-desktop"></span> <span class="user-options__account-text user-options__account-text--mobile js-account-text-mobile"></span> <span class="user-options__upgrade u-show-tablet">Upgrade</span> </span> </button> <div class="user-options__buttons-wrapper"> <div class="user-options__button-container user-options__button-container--login"> <button class="user-options__button js-login" data-analytics="true" data-analytics-type="login" data-analytics-section="login-boto" data-analytics-event="header" data-flow-id-login="login" > <span class="user-options__user-icon"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#user"></use> </svg> </span> Login </button> </div> <div class="user-options__button-container user-options__button-container--register"> <button class="user-options__button js-register" data-analytics="true" data-analytics-type="register" data-analytics-section="register-boto" data-analytics-event="header" data-flow-id-register="register_only" > <svg class="icon user-options__barca-icon" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#barca-monochrome"></use> </svg> Become A Culer </button> <button class="user-options__mobile-cta-close js-mobile-cta-close"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#close"></use> </svg> </button> </div> </div> </div> <div class="alert-centre u-hide " data-widget="alert-centre" data-script="fcb_alert-centre" data-total-alerts="10" data-tag="content-alert-centre" > <div class="alert-centre__bell-container js-alert-bell-container"> <div class="alert-centre__bell-container__icon-badge-container"> <svg class=" alert-centre__bell-container__bell" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#bell"></use> </svg> <svg class=" alert-centre__bell-container__bell alert-centre__bell-container__bell--filled" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#bell-filled"></use> </svg> <div class="alert-centre__bell-container__badge js-alert-badge"></div> </div> </div> <div class="alert-centre__dropdown js-alert-dropdown"> <div class="alert-centre__dropdown-container"> <h3 class="alert-centre__dropdown__title">Notifications Center</h3> <ul class="js-alerts-container alert-centre__dropdown__alerts-container"></ul> </div> <div class="alert-centre__dropdown__footer"> <button class="alert-centre__read-button js-alert-read-button"> <span class="alert-centre__view-icon-container"> <svg class=" alert-centre__icon__view" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#views"></use> </svg> </span> <span class="alert-centre__read-button__text">Mark All Read</span> </button> </div> <div class="alert-centre__no-alerts js-alert-no-alerts-message u-hide"> <div class="alert-centre__no-alerts__container"> <div class="alert-centre__no-alerts__icon"> <svg class=" alert-centre__ball-container__ball" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#ball"></use> </svg> </div> <div class="alert-centre__no-alerts__text alert-centre__no-alerts__title">Your Notifications</div> <div class="alert-centre__no-alerts__text">No Notifications to show at the moment. Check back later!</div> </div> </div> </div> </div> <nav class="language-switcher" data-widget="language-switcher" tabindex="0"> <div class="language-switcher__active-language js-language-active"> <div class="language-switcher__text"> <div class="langauge-switcher__name">EN</div> </div> </div> <ul class="language-switcher__dropdown js-language-dropdown"> <li class='language-switcher__heading js-no-keyboard-focus'>Choose your language<div class="language-switcher__close-container mobile-close js-language-switcher-close"><svg class="language-switcher__mobile-close icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#close"></use></svg></div></li> <li class="language-switcher__item language-switcher__item--active" data-language-code="en" tabindex="-1" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="language" data-analytics-event="en"> <a href="https://www.fcbarcelona.com/en/" hreflang="en" class="language-switcher__item-link js-language-link"> <div class="language-switcher__text"> <div class="langauge-switcher__name">English</div> <div class="language-switcher__viewing">Viewing</div> </div> </a> </li> <li class="language-switcher__item " data-href="https://www.fcbarcelona.cat/ca/" data-language-code="ca" tabindex="-1" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="language" data-analytics-event="ca"> <a href="https://www.fcbarcelona.cat/ca/" hreflang="ca" class="language-switcher__item-link js-language-link"> <div class="language-switcher__text"> <div class="langauge-switcher__name">Català</div> </div> </a> </li> <li class="language-switcher__item " data-href="https://www.fcbarcelona.es/es/" data-language-code="es" tabindex="-1" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="language" data-analytics-event="es"> <a href="https://www.fcbarcelona.es/es/" hreflang="es" class="language-switcher__item-link js-language-link"> <div class="language-switcher__text"> <div class="langauge-switcher__name">Castellano</div> </div> </a> </li> <li class="language-switcher__item " data-href="https://www.fcbarcelona.fr/fr/" data-language-code="fr" tabindex="-1" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="language" data-analytics-event="fr"> <a href="https://www.fcbarcelona.fr/fr/" hreflang="fr" class="language-switcher__item-link js-language-link"> <div class="language-switcher__text"> <div class="langauge-switcher__name">Français</div> </div> </a> </li> <li class="language-switcher__item " data-href="https://www.fcbarcelona.jp/ja/" data-language-code="ja" tabindex="-1" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="language" data-analytics-event="ja"> <a href="https://www.fcbarcelona.jp/ja/" hreflang="ja" class="language-switcher__item-link js-language-link"> <div class="language-switcher__text"> <div class="langauge-switcher__name">日本語</div> </div> </a> </li> <li class="language-switcher__item " data-href="http://www.fcbarcelona.cn/" tabindex="-1" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="language" > <a href="http://www.fcbarcelona.cn/" hreflang="" class="language-switcher__item-link js-language-link"> <div class="language-switcher__text"> <div class="langauge-switcher__name">中文</div> </div> </a> </li> </ul> </nav> </div> <div class="top-slim-nav__fcb-sites-nav"> <nav class="fcbsites" data-script="fcb_navigation" data-widget="fcb-navigation"> <div class="fcbsites__button" tabindex="0" aria-haspopup="true" role="menu"> <div class="fcbsites__icon-container"> <svg class="icon fcbsites__icon" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#filled-badge"></use> </svg> <div class="fcbsites__close fcbsites__close--left"></div> <div class="fcbsites__close fcbsites__close--right"></div> </div> <span class="fcbsites__badge-txt">www<span> </div> <div class="fcbsites__panel"> <ul class="fcbsites__dropdown js-fcb-sites-dropdown" role="group" aria-expanded="false" aria-hidden="true" data-observe="fcb-sites"> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://barcagames.com/" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Games"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Games" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Games</div> <div class="fcbsites-promo-item__summary">The largest gaming academy in the world</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://barcaacademy.fcbarcelona.com/en/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=BarcaAcademy_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Academy"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Academy" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Academy</div> <div class="fcbsites-promo-item__summary">The flagship Barça school. Teaching Barça values to boys and girls</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://foundation.fcbarcelona.com/home?ext=OCM_880&utm_source=WebBarca&utm_medium=BarcaSites&utm_campaign=Fundacio_ORG_DIG_WEB_TXT_WW_EN&utm_term=BarcaSitesFundacio" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Foundation"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Foundation" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Foundation</div> <div class="fcbsites-promo-item__summary">The Official site of the Barça Foundation.</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://barcainnovationhub.fcbarcelona.com/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=Bihub_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Innovation Hub"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Innovation Hub" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Innovation Hub</div> <div class="fcbsites-promo-item__summary">The center for sports knowledge and innovation.</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://espaibarca.fcbarcelona.com/en/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=EspaiBarca_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Espai Barça"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Espai Barça" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Espai Barça</div> <div class="fcbsites-promo-item__summary">The largest and most innovative sports and entertainment space</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://one.fcbarcelona.com/en?int=WB_23-24_A129-90&btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=BarcaOneLaunch_EN_DIG_OTT_WW" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça One"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça One" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça One</div> <div class="fcbsites-promo-item__summary">The official streaming platform of FC Barcelona</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://memorialfcbarcelona.com/en" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Memorial FC Barcelona"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Memorial FC Barcelona" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Memorial FC Barcelona</div> <div class="fcbsites-promo-item__summary">FC Barcelona Memorial Official Website</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://barcavision.fcbarcelona.com/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=Barca-Vision_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Vision"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Vision" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Vision</div> <div class="fcbsites-promo-item__summary">Barça Vision is an innovative platform that uses emerging technologies like Web3 and Artificial intelligence to revolutionise the fan experience.</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://store.fcbarcelona.com/en/?ext=OCM_2913&utm_source=WebBarca&utm_medium=BarcaSites&utm_campaign=BLM_ORG_BLM_HOME_OCM_webBarca_TXT_WW_EN&utm_content=&utm_term=BarcaSitesBLM" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Official Store Camp Nou"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Official Store Camp Nou" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Official Store Camp Nou</div> <div class="fcbsites-promo-item__summary">Shop now at Barça's Official Store Camp Nou</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://penyes.fcbarcelona.com/en/" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Penyes"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Penyes" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Penyes</div> <div class="fcbsites-promo-item__summary">All the official information of the FC Barcelona Supporters' Clubs</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://agrupaciojugadors.fcbarcelona.com/en/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=ABJ_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Agrupació Jugadors"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Agrupació Jugadors" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Agrupació Jugadors</div> <div class="fcbsites-promo-item__summary">The organisation that unites ex-players from all FC Barcelona football teams.</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://players.fcbarcelona.com/en?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=Players_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Players"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Players" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Players</div> <div class="fcbsites-promo-item__summary">Find all the players that have played for Barça!</div> </div> </a> </li> <li class="fcbsites__item fcbsites-promo-item " role="menuitem"> <a href="https://www.fcbrookies.cat/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=Rookies_ORG_DIG_WEB_WebBarca_TXT_WW_EN" class="fcbsites-promo-item__link" tabindex="-1" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="top-menu" data-analytics-section="fcb-sites" data-analytics-event="Barça Rookies"> <div class="fcbsites-promo-item__image"> <picture class="promo__image js-lazy-picture"> <source srcset="" data-image-srcset=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png , https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/f515d61f-5265-48e9-8602-94142b059863/icon_cub.png 2x"> <img src="" data-image-src=" https://www.fcbarcelona.com/fcbarcelona/photo/2018/10/18/a293a845-bd68-450e-86e2-beaa0334d1cf/icon_cub.png " alt="Barça Rookies" /> </picture> </div> <div class="fcbsites-promo-item__content"> <div class="fcbsites-promo-item__heading">Barça Rookies</div> <div class="fcbsites-promo-item__summary">Barça's most special fans!</div> </div> </a> </li> </ul> </div> </nav> </div> <span class="top-slim-nav__glow"></span> </div> </nav> </div> <div class="navigation__middle"> <div class="navigation__logo-container"> <a href="/en/" class="navigation__logo" title="Visit www.fcbarcelona.com"> <svg class="icon "><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#fc-barcelona"></use></svg> </a> </div> <div class="navigation__middle-menus"> <nav id="main-nav-left" class="middle-navigation middle-navigation--left"> <div class="middle-navigation__item middle-navigation__item--dropdown js-middle-navigation-menu-item js-middle-navigation-dropdown-button js-middle-navigation-menu-item-hover" tabindex="0" aria-haspopup="true" role="menu" data-menu-origin-type="First Team"> <p>First Team</p> <svg class="middle-navigation__icon middle-navigation__icon-arrow icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use></svg> <ul id="middle-navigation-dropdown-0" class="middle-navigation__dropdown js-middle-navigation-dropdown middle-navigation__dropdown--two-columns" role="group" aria-expanded="false" aria-hidden="true"> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="actualitat"> Latest </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="calendari"> Schedule </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/tickets" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="entrades"> Tickets </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="resultats"> Results </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="classificació"> Standings </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="jugadors"> Players </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="fotos"> Photos </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="palmarès"> Honours </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/football/first-team/features" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="especials"> Features </a> </li> </ul> </div> <div class="middle-navigation__item middle-navigation__item--dropdown js-middle-navigation-menu-item js-middle-navigation-dropdown-button js-middle-navigation-menu-item-hover" tabindex="0" aria-haspopup="true" role="menu" data-menu-origin-type="Club"> <p>Club</p> <svg class="middle-navigation__icon middle-navigation__icon-arrow icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use></svg> <ul id="middle-navigation-dropdown-1" class="middle-navigation__dropdown js-middle-navigation-dropdown middle-navigation__dropdown--two-columns" role="group" aria-expanded="false" aria-hidden="true"> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/black-friday-barca?int=WB_24-25_A1222-90&btm_source=WebBarca&btm_medium=Menu-Club&btm_campaign=BF24_EN_DIG_DIG_WW" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="black friday barça"> Black Friday Barça </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="actualitat"> Latest </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/club-schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="agenda"> Schedule </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/revistafcb/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="revista barça"> Revista Barça </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/organisation-and-strategic-plan/the-board-of-directors" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="organització"> Organisation </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/identity" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="identitat"> Identity </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/history/decade-by-decade" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="història"> History </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="https://foundation.fcbarcelona.com/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="fundació"> Foundation </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/documentation-center" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="centre de documentació"> Documentation Centre </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/sustainability/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="sostenibilitat"> Sustainability </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/masia-360" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="la masia"> La Masia </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/facilities/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="instal·lacions"> Facilities </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/live-works-spotify-camp-nou" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="les obres en directe"> Spotify Camp Nou work </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="https://barcainnovationhub.fcbarcelona.com/?int=WB_24-25_30-81&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=FCB-BIHUB_EN_BIHUB_FON_WW" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="barça innovation hub"> Barça Innovation Hub </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/transparency" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="transparència i compliance"> Transparency and Compliance </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/child-safeguarding" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="protecció infància"> Child safeguarding system </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/services" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="serveis"> Services </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/press/press-passes" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="premsa"> Press </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/accessibility" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="accessibilitat"> Accessibility </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/members" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="members"> Members </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/club/partners" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="patrocinadors"> Partners </a> </li> </ul> </div> <div class="middle-navigation__item middle-navigation__item--external js-middle-navigation-menu-item-hover"> <a href="https://espaibarca.fcbarcelona.com/en" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="espai barça" data-analytics-event=""> Espai Barça </a> <svg class="middle-navigation__icon middle-navigation__icon--external icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#external"></use></svg> </div> <div class="middle-navigation__item middle-navigation__item--dropdown middle-navigation__item--mega js-middle-navigation-menu-item js-middle-navigation-menu-item-hover js-middle-navigation-dropdown-button" tabindex="0" aria-haspopup="true" role="menu" data-menu-origin-type="Barça Teams"> <span class="middle-navigation__item-text">Barça Teams</span> <svg class="middle-navigation__icon middle-navigation__icon-arrow icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use></svg> <div class="mega-dropdown js-middle-navigation-mega"> <div class="mega-dropdown__column mega-dropdown__column--title">Barça Teams</div> <div class="mega-dropdown__column"> <ul class="mega-dropdown__list" role="group" aria-expanded="false" aria-hidden="true"> <li class="mega-dropdown__list-item mega-dropdown__list-item--title">Football</li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/football/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="primer equip"> First Team </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/football/womens-football/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="femení"> Women's </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/football/barca-atletic/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="barça atlètic"> Barça Atlètic </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/football/fc-barcelona-u19a/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="juvenil a"> FC Barcelona U19A </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/football/barca-legends/contact" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="barça legends"> Barça Legends </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/football/barca-youth/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="formatiu masculí"> Barça Youth </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="https://foundation.fcbarcelona.com/fundacio-barca-genuine" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="f. barça genuine"> Barça Genuine F. </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="https://barcaacademy.fcbarcelona.com/en/camps/barcelona/summer-football/packs/with-residence/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="campus estiu"> Summer Camp </a> </li> </ul> </div> <div class="mega-dropdown__column"> <ul class="mega-dropdown__list" role="group" aria-expanded="false" aria-hidden="true"> <li class="mega-dropdown__list-item mega-dropdown__list-item--title">Basketball</li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/basketball/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="primer equip"> First Team </a> </li> </ul> </div> <div class="mega-dropdown__column"> <ul class="mega-dropdown__list" role="group" aria-expanded="false" aria-hidden="true"> <li class="mega-dropdown__list-item mega-dropdown__list-item--title">Handball</li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/handball/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="primer equip"> First Team </a> </li> </ul> </div> <div class="mega-dropdown__column"> <ul class="mega-dropdown__list" role="group" aria-expanded="false" aria-hidden="true"> <li class="mega-dropdown__list-item mega-dropdown__list-item--title">Futsal</li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/futsal/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="primer equip"> First Team </a> </li> </ul> </div> <div class="mega-dropdown__column"> <ul class="mega-dropdown__list" role="group" aria-expanded="false" aria-hidden="true"> <li class="mega-dropdown__list-item mega-dropdown__list-item--title">Roller Hockey</li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/roller-hockey/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="primer equip"> First Team </a> </li> </ul> </div> <div class="mega-dropdown__column"> <ul class="mega-dropdown__list" role="group" aria-expanded="false" aria-hidden="true"> <li class="mega-dropdown__list-item mega-dropdown__list-item--title">Esports</li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/esports/league-of-legends" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="esports" data-analytics-event="league of legends"> League of Legends </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/esports/valorant" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="esports" data-analytics-event="valorant"> VALORANT </a> </li> <li class="mega-dropdown__list-item " role="menuitem"> <a class="mega-dropdown__list-link" href="/en/esports/efootball-pes" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="esports" data-analytics-event="efootball"> eFootball </a> </li> </ul> </div> </div> </div> </nav> <div class="navigation__middle-inner"> <nav id="main-nav-right" class="middle-navigation middle-navigation--right middle-navigation--right-highlighted"> <div class="middle-navigation__item middle-navigation__item--dropdown ticket-full js-middle-navigation-menu-item js-middle-navigation-dropdown-button" tabindex="0" aria-haspopup="true" role="menu" data-menu-origin-type="Tickets & Museum"> <svg class="middle-navigation__icon--right middle-navigation__icon--ticket-full icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#ticket-full"></use> </svg> <p>Tickets & Museum</p> <svg class="middle-navigation__icon middle-navigation__icon-arrow icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use></svg> <ul id="middle-navigation-dropdown-0" class="middle-navigation__dropdown js-middle-navigation-dropdown middle-navigation__dropdown--two-columns" role="group" aria-expanded="false" aria-hidden="true"> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="futbol masculí"> Men's Football </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/vip/vip-football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="vip futbol masculí"> VIP Men's football </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/camp-nou-experience" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="tour & museu"> Tour & Museum </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/basketball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="bàsquet masculí"> Men’s Basketball </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/vip/vip-basketball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="vip bàsquet masculí"> VIP Men’s Basketball </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/womens-football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="futbol femení"> Women's football </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/handball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="handbol"> Handball </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/futsal" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="futbol-sala"> Futsal </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/roller-hockey" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="hoquei patins"> Roller-Hockey </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/barca-atletic" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="barça atlètic"> Barça Atlètic </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/packs-and-promotions-fcbarcelona" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="packs i promocions"> Packs and promotions </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/hospitality" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="barça business"> Barça Business </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/things-to-do-in-barcelona" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="tot sobre entrades"> All about tickets </a> </li> <li class="middle-navigation__sub-item" role="menuitem"> <a href="/en/tickets/barca-cafe/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="barça cafe"> Barça Cafe </a> </li> </ul> </div> <div class="middle-navigation__item middle-navigation__item--external js-middle-navigation-menu-item uniform "> <a href="https://store.fcbarcelona.com/en/?ext=OCM_420&utm_source=WebBarca&utm_medium=Menu&utm_campaign=MenuWebBarca_ORG_BLM_HOME_OCM_webBarca_TXT_WW_EN" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="botiga" data-analytics-event=""> <svg class="middle-navigation__icon--right middle-navigation__icon--uniform icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#uniform"></use> </svg> Shop </a> <svg class="middle-navigation__icon middle-navigation__icon--external icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#external"></use></svg> </div> <div class="middle-navigation__item middle-navigation__item--external js-middle-navigation-menu-item video-full "> <a href="https://one.fcbarcelona.com/en?int=WB_23-24_A129-90&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=BarcaOneLaunch_EN_DIG_OTT_WW" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="barça one" data-analytics-event=""> <svg class="middle-navigation__icon--right middle-navigation__icon--video-full icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#video-full"></use> </svg> Barça One </a> <svg class="middle-navigation__icon middle-navigation__icon--external icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#external"></use></svg> </div> </nav> <div class="middle-navigation__item middle-navigation__item--search js-search-icon" data-widget="fcb-search" tabindex="0"> <div class="middle-navigation__search-icon search-icon"> <div class="search-icon__upper"></div> <div class="search-icon__middle"></div> <div class="search-icon__lower"></div> </div> </div> </div> <div class="language-switcher u-show-tablet" data-widget="language-switcher"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> <span class="language-switcher__dropdown-label">Choose your language</span> <select class="language-switcher__select js-language-dropdown"> <option class="js-language-link" hreflang="en" value="https://www.fcbarcelona.com/en/" selected="selected"> English </option> <option class="js-language-link" hreflang="ca" value="https://www.fcbarcelona.cat/ca/" > Català </option> <option class="js-language-link" hreflang="es" value="https://www.fcbarcelona.es/es/" > Castellano </option> <option class="js-language-link" hreflang="fr" value="https://www.fcbarcelona.fr/fr/" > Français </option> <option class="js-language-link" hreflang="ja" value="https://www.fcbarcelona.jp/ja/" > 日本語 </option> <option class="js-language-link" hreflang="" value="http://www.fcbarcelona.cn/" > 中文 </option> </select> </div> <div class="fcbsites u-show-tablet" data-script="fcb_navigation" data-widget="fcb-navigation"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> <select class="fcbsites__select js-fcb-sites-dropdown" aria-expanded="false"> <option value="" disabled selected>Barça Sites</option> <option value="https://www.fcbarcelona.com/en/"> Official FC Barcelona Website </option> <option value="https://barcagames.com/"> Barça Games </option> <option value="https://barcaacademy.fcbarcelona.com/en/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=BarcaAcademy_ORG_DIG_WEB_WebBarca_TXT_WW_EN"> Barça Academy </option> <option value="https://foundation.fcbarcelona.com/home?ext=OCM_880&utm_source=WebBarca&utm_medium=BarcaSites&utm_campaign=Fundacio_ORG_DIG_WEB_TXT_WW_EN&utm_term=BarcaSitesFundacio"> Barça Foundation </option> <option value="https://espaibarca.fcbarcelona.com/en/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=EspaiBarca_ORG_DIG_WEB_WebBarca_TXT_WW_EN"> Espai Barça </option> <option value="https://one.fcbarcelona.com/en?int=WB_23-24_A129-90&btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=BarcaOneLaunch_EN_DIG_OTT_WW"> Barça One </option> <option value="https://memorialfcbarcelona.com/en"> Memorial FC Barcelona </option> <option value="https://barcavision.fcbarcelona.com/?btm_source=WebBarca&btm_medium=BarcaSites&btm_campaign=Barca-Vision_ORG_DIG_WEB_WebBarca_TXT_WW_EN"> Barça Vision </option> </select> </div> <div class="app-store js-app-store"> <p class="app-store__copy">Download the official FC Barcelona App</p> <div class="app-store__links"> <a class="app-store__link" href="https://apps.apple.com/us/app/fc-barcelona-official-app/id343196080" rel="noopener" target="_blank"> <img class="app-store__logo" src="/resources/v2.92.4-6583/i/elements/badge-app-store.svg" alt="Apple App store logo"> </a> <a class="app-store__link" href="https://play.google.com/store/apps/details?id=com.mcentric.mcclient.FCBWorld&hl=en&gl=US" rel="noopener" target="_blank"> <img class="app-store__logo" src="/resources/v2.92.4-6583/i/elements/badge-google-play.svg" alt="Google Play logo"> </a> </div> </div> </div> </div> <!-- used on mobile --> <div class="navigation__search"> <div class="search-bar js-search-bar"> <div class="search-bar__icon"> <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#search"></use></svg> </div> <input class="search-bar__input" aria-label="Search" name="Search" type="text" placeholder="Search FC Barcelona for teams, players, news and videos"></input> <div class="search-bar__cta js-search-bar-cta" tabindex="0" role="button">Search now</div> </div> <div class="mobile-menu-close js-mobile-menu-close" role="button" tabindex="0" aria-label="Close"> <svg class="mobile-menu-close__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#close"></use></svg> </div> </div> </div> </div> <div class="navigation__secondary"> <nav class="secondary-navigation js-secondary-nav"> <div class="secondary-navigation__background"></div> <div class="secondary-navigation__item-container"> <ul class="secondary-navigation__links" role="group" aria-expanded="false" aria-hidden="true"> <div class="secondary-navigation__link-panel secondary-navigation__link-panel--hidden" data-menu-type="First Team" > <li class="secondary-navigation__list-item secondary-navigation__list-item--title js-nav-secondary-title secondary-navigation__list-item--icon" data-menu-origin-type="Barça Teams" data-other-sports-menu="true"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> First Team </li> <li class="secondary-navigation__list-item " data-item="0"> <a href="/en/football/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="actualitat" class="secondary-navigation__item " role="menuitem"> Latest </a> </li> <li class="secondary-navigation__list-item " data-item="1"> <a href="/en/football/first-team/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="calendari" class="secondary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="secondary-navigation__list-item " data-item="2"> <a href="/en/tickets/football?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_FUT_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="entrades" class="secondary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="secondary-navigation__list-item " data-item="3"> <a href="/en/football/first-team/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="resultats" class="secondary-navigation__item " role="menuitem"> Results </a> </li> <li class="secondary-navigation__list-item " data-item="4"> <a href="/en/football/first-team/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="classificació" class="secondary-navigation__item " role="menuitem"> Standings </a> </li> <li class="secondary-navigation__list-item " data-item="5"> <a href="/en/football/first-team/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="jugadors" class="secondary-navigation__item " role="menuitem"> Players </a> </li> <li class="secondary-navigation__list-item " data-item="6"> <a href="/en/football/first-team/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="fotos" class="secondary-navigation__item " role="menuitem"> Photos </a> </li> <li class="secondary-navigation__list-item " data-item="7"> <a href="/en/football/first-team/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="palmarès" class="secondary-navigation__item " role="menuitem"> Honours </a> </li> <li class="secondary-navigation__list-item " data-item="8"> <a href="/en/football/first-team/features" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="primer equip" data-analytics-event="especials" class="secondary-navigation__item " role="menuitem"> Features </a> </li> </div> <div class="secondary-navigation__link-panel secondary-navigation__link-panel--hidden" data-menu-type="Club" > <li class="secondary-navigation__list-item secondary-navigation__list-item--title js-nav-secondary-title secondary-navigation__list-item--icon" data-menu-origin-type="Barça Teams" data-other-sports-menu="true"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> Club </li> <li class="secondary-navigation__list-item " data-item="0"> <a href="/en/black-friday-barca?int=WB_24-25_A1222-90&btm_source=WebBarca&btm_medium=Menu-Club&btm_campaign=BF24_EN_DIG_DIG_WW" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="black friday barça" class="secondary-navigation__item " role="menuitem"> Black Friday Barça </a> </li> <li class="secondary-navigation__list-item " data-item="1"> <a href="/en/club/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="actualitat" class="secondary-navigation__item " role="menuitem"> Latest </a> </li> <li class="secondary-navigation__list-item " data-item="2"> <a href="/en/club/club-schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="agenda" class="secondary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="secondary-navigation__list-item " data-item="3"> <a href="/en/revistafcb/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="revista barça" class="secondary-navigation__item " role="menuitem"> Revista Barça </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="4"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> Organisation <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/club/organisation-and-strategic-plan/the-board-of-directors" class="tertiary-navigation__item " role="menuitem"> The Board of Directors </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/organisation-and-strategic-plan/executive-structure" class="tertiary-navigation__item " role="menuitem"> Executive Structure </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/sporting-management/football" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Sporting Management <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use> </svg> </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/organisation-and-strategic-plan/commissions-and-bodies/senators" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Bodies <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use> </svg> </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/organisation-and-strategic-plan/commissions-and-bodies/statutes" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Documents <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use> </svg> </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/organisation-and-strategic-plan/commissions-and-bodies/economic-commission" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Commissions and Bodies <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use> </svg> </a> </li> </ul> </div> <a href="/en/club/organisation-and-strategic-plan/the-board-of-directors" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="organització" class="secondary-navigation__item " role="menuitem"> Organisation </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="5"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> Identity <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/club/identity/barca-academy" class="tertiary-navigation__item " role="menuitem"> Barça Academy </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/more-than-a-club" class="tertiary-navigation__item " role="menuitem"> More than a Club </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/masia-360" class="tertiary-navigation__item " role="menuitem"> Masia 360 </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/identity/la-masia" class="tertiary-navigation__item " role="menuitem"> La Masia </a> </li> </ul> </div> <a href="/en/club/identity" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="identitat" class="secondary-navigation__item " role="menuitem"> Identity </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="6"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> History <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/club/history/decade-by-decade" class="tertiary-navigation__item " role="menuitem"> Decade by Decade </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/history/presidents" class="tertiary-navigation__item " role="menuitem"> Presidents </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/history/legends" class="tertiary-navigation__item " role="menuitem"> Legends </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/history/coaches" class="tertiary-navigation__item " role="menuitem"> Coaches </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/history/centre-for-documentation" class="tertiary-navigation__item " role="menuitem"> Centre for Documentation </a> </li> </ul> </div> <a href="/en/club/history/decade-by-decade" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="història" class="secondary-navigation__item " role="menuitem"> History </a> </li> <li class="secondary-navigation__list-item " data-item="7"> <a href="https://foundation.fcbarcelona.com/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="fundació" class="secondary-navigation__item " role="menuitem"> Foundation </a> </li> <li class="secondary-navigation__list-item " data-item="8"> <a href="/en/club/documentation-center" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="centre de documentació" class="secondary-navigation__item " role="menuitem"> Documentation Centre </a> </li> <li class="secondary-navigation__list-item " data-item="9"> <a href="/en/club/sustainability/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="sostenibilitat" class="secondary-navigation__item " role="menuitem"> Sustainability </a> </li> <li class="secondary-navigation__list-item " data-item="10"> <a href="/en/club/masia-360" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="la masia" class="secondary-navigation__item " role="menuitem"> La Masia </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="11"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> Facilities <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/spotify-camp-nou" class="tertiary-navigation__item " role="menuitem"> Facilities </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/spotify-camp-nou" class="tertiary-navigation__item " role="menuitem"> Spotify Camp Nou </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/palau-blaugrana" class="tertiary-navigation__item " role="menuitem"> Palau Blaugrana </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/miniestadi" class="tertiary-navigation__item " role="menuitem"> Estadi Johan Cruyff </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/barca-cafe/" class="tertiary-navigation__item " role="menuitem"> Barça Cafe </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/ciutat-esportiva" class="tertiary-navigation__item " role="menuitem"> Ciutat Esportiva </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/facilities/la-masia" class="tertiary-navigation__item " role="menuitem"> La Masia </a> </li> </ul> </div> <a href="/en/club/facilities/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="instal·lacions" class="secondary-navigation__item " role="menuitem"> Facilities </a> </li> <li class="secondary-navigation__list-item " data-item="12"> <a href="/en/live-works-spotify-camp-nou" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="les obres en directe" class="secondary-navigation__item " role="menuitem"> Spotify Camp Nou work </a> </li> <li class="secondary-navigation__list-item " data-item="13"> <a href="https://barcainnovationhub.fcbarcelona.com/?int=WB_24-25_30-81&btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=FCB-BIHUB_EN_BIHUB_FON_WW" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="barça innovation hub" class="secondary-navigation__item " role="menuitem"> Barça Innovation Hub </a> </li> <li class="secondary-navigation__list-item " data-item="14"> <a href="/en/club/transparency" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="transparència i compliance" class="secondary-navigation__item " role="menuitem"> Transparency and Compliance </a> </li> <li class="secondary-navigation__list-item " data-item="15"> <a href="/en/club/child-safeguarding" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="protecció infància" class="secondary-navigation__item " role="menuitem"> Child safeguarding system </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="16"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> Services <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/club/services/medical-services" class="tertiary-navigation__item " role="menuitem"> Services </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/services/medical-services" class="tertiary-navigation__item " role="menuitem"> Medical Services </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/services/accessibility" class="tertiary-navigation__item " role="menuitem"> Accessibility </a> </li> </ul> </div> <a href="/en/club/services" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="serveis" class="secondary-navigation__item " role="menuitem"> Services </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="17"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> Press <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/club/press/press-passes" class="tertiary-navigation__item " role="menuitem"> Press Passes </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/press/facilities" class="tertiary-navigation__item " role="menuitem"> Facilities </a> </li> </ul> </div> <a href="/en/club/press/press-passes" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="premsa" class="secondary-navigation__item " role="menuitem"> Press </a> </li> <li class="secondary-navigation__list-item " data-item="18"> <a href="/en/club/services/accessibility" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="accessibilitat" class="secondary-navigation__item " role="menuitem"> Accessibility </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown " data-mobile-menu-type="true" data-item="19"> <div class="tertiary-navigation "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown "> Members <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item " > <a href="/en/members/info-olimpico-lluis-companys-montjuic-24-25" class="tertiary-navigation__item " role="menuitem"> Montjuïc 24/25 </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/members/areas-with-easy-access" class="tertiary-navigation__item " role="menuitem"> Areas with Easy Access </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/members/online-support" class="tertiary-navigation__item " role="menuitem"> Online Support </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/members/card-renewal" class="tertiary-navigation__item " role="menuitem"> Card Renewal </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/members/commitment-card" class="tertiary-navigation__item " role="menuitem"> Commitment Card </a> </li> <li class="tertiary-navigation__list-item " > <a href="/en/club/members/fc-barcelona-members-office" class="tertiary-navigation__item " role="menuitem"> FC Barcelona Members' Office </a> </li> </ul> </div> <a href="/en/club/members" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="members" class="secondary-navigation__item " role="menuitem"> Members </a> </li> <li class="secondary-navigation__list-item " data-item="20"> <a href="/en/club/partners" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="club" data-analytics-event="patrocinadors" class="secondary-navigation__item " role="menuitem"> Partners </a> </li> </div> <div class="secondary-navigation__link-panel secondary-navigation__link-panel--hidden" data-menu-type="Barça Teams" > <li class="secondary-navigation__list-item secondary-navigation__list-item--title js-nav-secondary-title secondary-navigation__list-item--icon" data-menu-origin-type="Barça Teams" data-other-sports-menu="true"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> Barça Teams </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown js-barca-teams-dropdown tertiary-navigation--active " data-mobile-menu-type="exception" data-item="0"> <div class="tertiary-navigation js-tertiary-wrapper tertiary-navigation--barca-teams "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown tertiary-navigation__item-title"> Football <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden " data-other-sports-menu="true" data-menu-origin-type="Football - First Team"> <a href="/en/football/first-team/news" class="tertiary-navigation__item " role="menuitem"> First Team </a> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Football - Women's"> <a href="/en/football/womens-football/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Women's <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/tickets/womens-football?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_FUT_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="entrades" class="tertiary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="classificació" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="jugadores" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="palmarès" class="tertiary-navigation__item " role="menuitem"> Honours </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/womens-football/history/historical-players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="jugadores històriques" class="tertiary-navigation__item " role="menuitem"> Legendary Barça Women players </a> </li> </ul> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Football - Barça Atlètic"> <a href="/en/football/barca-atletic/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Barça Atlètic <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-atletic/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-atletic/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/tickets/barca-atletic?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_FUT_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="entrades" class="tertiary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-atletic/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-atletic/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="classificació" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-b/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-atletic/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> </ul> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Football - FC Barcelona U19A"> <a href="/en/football/fc-barcelona-u19a/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> FC Barcelona U19A <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/football/fc-barcelona-u19a/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/fc-barcelona-u19a/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/fc-barcelona-u19a/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/fc-barcelona-u19a/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="classificació" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/fc-barcelona-u19a/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/fc-barcelona-u19a/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> </ul> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Football - Barça Legends"> <a href="/en/football/barca-legends/contact" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Barça Legends <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-legends/contact" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="contacte" class="tertiary-navigation__item " role="menuitem"> Contact </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-legends/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/videos/barca-legends-matches" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="partits" class="tertiary-navigation__item " role="menuitem"> Matches </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-legends/about-us" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="sobre nosaltres" class="tertiary-navigation__item " role="menuitem"> About us </a> </li> </ul> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Football - Barça Youth"> <a href="/en/football/barca-youth/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> Barça Youth <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/football/barca-youth/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/football/u19b/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol" data-analytics-event="juvenil b" class="tertiary-navigation__item " role="menuitem"> U19B </a> </li> </ul> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden " data-other-sports-menu="true" data-menu-origin-type="Football - Barça Genuine F."> <a href="https://foundation.fcbarcelona.com/fundacio-barca-genuine" class="tertiary-navigation__item " role="menuitem"> Barça Genuine F. </a> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden " data-other-sports-menu="true" data-menu-origin-type="Football - Summer Camp"> <a href="https://barcaacademy.fcbarcelona.com/en/camps/barcelona/summer-football/packs/with-residence/" class="tertiary-navigation__item " role="menuitem"> Summer Camp </a> </li> </ul> </div> <a href="/en/football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="més equips" data-analytics-event="futbol" class="secondary-navigation__item " role="menuitem"> Football </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown js-barca-teams-dropdown tertiary-navigation--active " data-mobile-menu-type="exception" data-item="1"> <div class="tertiary-navigation js-tertiary-wrapper tertiary-navigation--barca-teams "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown tertiary-navigation__item-title"> Basketball <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Basketball - First Team"> <a href="/en/basketball/first-team/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> First Team <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/tickets/basketball?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_BSK_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="entrades" class="tertiary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/match-day-experience?btm_source=WebBarca&btm_medium=MainMenu&btm_campaign=MatchDayExperience_ORG_TKT_BSK_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="gameday shows" class="tertiary-navigation__item " role="menuitem"> Gameday Shows </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="classificacions" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/history" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="història" class="tertiary-navigation__item " role="menuitem"> History </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/basketball/first-team/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="bàsquet" data-analytics-event="palmarès" class="tertiary-navigation__item " role="menuitem"> Honours </a> </li> </ul> </li> </ul> </div> <a href="/en/basketball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="més equips" data-analytics-event="bàsquet" class="secondary-navigation__item " role="menuitem"> Basketball </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown js-barca-teams-dropdown tertiary-navigation--active " data-mobile-menu-type="exception" data-item="2"> <div class="tertiary-navigation js-tertiary-wrapper tertiary-navigation--barca-teams "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown tertiary-navigation__item-title"> Handball <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Handball - First Team"> <a href="/en/handball/first-team/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> First Team <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/tickets/handball?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_HAN_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="entrades" class="tertiary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="classificació" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/history" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="història" class="tertiary-navigation__item " role="menuitem"> History </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/handball/first-team/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="handbol" data-analytics-event="palmarès" class="tertiary-navigation__item " role="menuitem"> Honours </a> </li> </ul> </li> </ul> </div> <a href="/en/handball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="més equips" data-analytics-event="handbol" class="secondary-navigation__item " role="menuitem"> Handball </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown js-barca-teams-dropdown tertiary-navigation--active " data-mobile-menu-type="exception" data-item="3"> <div class="tertiary-navigation js-tertiary-wrapper tertiary-navigation--barca-teams "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown tertiary-navigation__item-title"> Futsal <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Futsal - First Team"> <a href="/en/futsal/first-team/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> First Team <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/tickets/futsal?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_FS_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="entrades" class="tertiary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="classificació" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/first-team/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="palmarès" class="tertiary-navigation__item " role="menuitem"> Honours </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/futsal/history" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="futbol sala" data-analytics-event="història" class="tertiary-navigation__item " role="menuitem"> History </a> </li> </ul> </li> </ul> </div> <a href="/en/futsal" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="més equips" data-analytics-event="futbol sala" class="secondary-navigation__item " role="menuitem"> Futsal </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown js-barca-teams-dropdown tertiary-navigation--active " data-mobile-menu-type="exception" data-item="4"> <div class="tertiary-navigation js-tertiary-wrapper tertiary-navigation--barca-teams "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown tertiary-navigation__item-title"> Roller Hockey <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden js-barca-teams-dropdown-item" data-other-sports-menu="true" data-menu-origin-type="Roller Hockey - First Team"> <a href="/en/roller-hockey/first-team/news" class="tertiary-navigation__item tertiary-navigation__item--disabled " role="menuitem"> First Team <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </a> <ul class="tertiary-navigation__links tertiary-navigation__links-barca-teams"> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/news" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="actualitat" class="tertiary-navigation__item " role="menuitem"> Latest </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/schedule" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="calendari" class="tertiary-navigation__item " role="menuitem"> Schedule </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/tickets/roller-hockey?btm_source=WebBarca&btm_medium=MenuFlotant&btm_campaign=Singlegametickets_ORG_TKT_HOQ_WebBarca_IMG_WW_EN" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="entrades" class="tertiary-navigation__item " role="menuitem"> Tickets </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/results" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="resultats" class="tertiary-navigation__item " role="menuitem"> Results </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/standings" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="classificació" class="tertiary-navigation__item " role="menuitem"> Standings </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/players" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="jugadors" class="tertiary-navigation__item " role="menuitem"> Players </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/photos" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="fotos" class="tertiary-navigation__item " role="menuitem"> Photos </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/history" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="història" class="tertiary-navigation__item " role="menuitem"> History </a> </li> <li class="tertiary-navigation__list-item"> <a href="/en/roller-hockey/first-team/honours" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="hoquei patins" data-analytics-event="palmarès" class="tertiary-navigation__item " role="menuitem"> Honours </a> </li> </ul> </li> </ul> </div> <a href="/en/roller-hockey" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="més equips" data-analytics-event="hoquei patins" class="secondary-navigation__item " role="menuitem"> Roller Hockey </a> </li> <li class="secondary-navigation__list-item secondary-navigation__list-item--dropdown js-barca-teams-dropdown tertiary-navigation--active " data-mobile-menu-type="exception" data-item="5"> <div class="tertiary-navigation js-tertiary-wrapper tertiary-navigation--barca-teams "> <div class="tertiary-navigation__item tertiary-navigation__item--dropdown tertiary-navigation__item-title"> Esports <svg class=" secondary-navigation__menu-indicator" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#plusicon"></use> </svg> </div> <ul class="js-tertiary-wrapper tertiary-navigation__links"> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden " data-other-sports-menu="true" data-menu-origin-type="Esports - League of Legends"> <a href="/en/esports/league-of-legends" class="tertiary-navigation__item " role="menuitem"> League of Legends </a> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden " data-other-sports-menu="true" data-menu-origin-type="Esports - VALORANT"> <a href="/en/esports/valorant" class="tertiary-navigation__item " role="menuitem"> VALORANT </a> </li> <li class="tertiary-navigation__list-item tertiary-navigation__list-item--dropdown-barca-teams tertiary-navigation__list-item--hidden " data-other-sports-menu="true" data-menu-origin-type="Esports - eFootball"> <a href="/en/esports/efootball-pes" class="tertiary-navigation__item " role="menuitem"> eFootball </a> </li> </ul> </div> <a href="/en/esports/efootball-pes" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="més equips" data-analytics-event="esports" class="secondary-navigation__item " role="menuitem"> Esports </a> </li> </div> <div class="secondary-navigation__link-panel secondary-navigation__link-panel--hidden" data-menu-type="Tickets & Museum" > <li class="secondary-navigation__list-item secondary-navigation__list-item--title js-nav-secondary-title secondary-navigation__list-item--icon" data-menu-origin-type="Barça Teams" data-other-sports-menu="true"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> Tickets & Museum </li> <li class="secondary-navigation__list-item " data-item="0"> <a href="/en/tickets/football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="futbol masculí" class="secondary-navigation__item " role="menuitem"> Men's Football </a> </li> <li class="secondary-navigation__list-item " data-item="1"> <a href="/en/tickets/vip/vip-football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="vip futbol masculí" class="secondary-navigation__item " role="menuitem"> VIP Men's football </a> </li> <li class="secondary-navigation__list-item " data-item="2"> <a href="/en/tickets/camp-nou-experience" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="tour & museu" class="secondary-navigation__item " role="menuitem"> Tour & Museum </a> </li> <li class="secondary-navigation__list-item " data-item="3"> <a href="/en/tickets/basketball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="bàsquet masculí" class="secondary-navigation__item " role="menuitem"> Men’s Basketball </a> </li> <li class="secondary-navigation__list-item " data-item="4"> <a href="/en/tickets/vip/vip-basketball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="vip bàsquet masculí" class="secondary-navigation__item " role="menuitem"> VIP Men’s Basketball </a> </li> <li class="secondary-navigation__list-item " data-item="5"> <a href="/en/tickets/womens-football" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="futbol femení" class="secondary-navigation__item " role="menuitem"> Women's football </a> </li> <li class="secondary-navigation__list-item " data-item="6"> <a href="/en/tickets/handball" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="handbol" class="secondary-navigation__item " role="menuitem"> Handball </a> </li> <li class="secondary-navigation__list-item " data-item="7"> <a href="/en/tickets/futsal" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="futbol-sala" class="secondary-navigation__item " role="menuitem"> Futsal </a> </li> <li class="secondary-navigation__list-item " data-item="8"> <a href="/en/tickets/roller-hockey" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="hoquei patins" class="secondary-navigation__item " role="menuitem"> Roller-Hockey </a> </li> <li class="secondary-navigation__list-item " data-item="9"> <a href="/en/tickets/barca-atletic" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="barça atlètic" class="secondary-navigation__item " role="menuitem"> Barça Atlètic </a> </li> <li class="secondary-navigation__list-item " data-item="10"> <a href="/en/tickets/packs-and-promotions-fcbarcelona" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="packs i promocions" class="secondary-navigation__item " role="menuitem"> Packs and promotions </a> </li> <li class="secondary-navigation__list-item " data-item="11"> <a href="/en/tickets/hospitality" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="barça business" class="secondary-navigation__item " role="menuitem"> Barça Business </a> </li> <li class="secondary-navigation__list-item " data-item="12"> <a href="/en/tickets/things-to-do-in-barcelona" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="tot sobre entrades" class="secondary-navigation__item " role="menuitem"> All about tickets </a> </li> <li class="secondary-navigation__list-item " data-item="13"> <a href="/en/tickets/barca-cafe/" data-analytics="true" data-analytics-type="main-menu" data-analytics-section="entrades i museu" data-analytics-event="barça cafe" class="secondary-navigation__item " role="menuitem"> Barça Cafe </a> </li> </div> <div class="secondary-navigation__link-panel secondary-navigation__link-panel--hidden" data-menu-type="Shop" > <li class="secondary-navigation__list-item secondary-navigation__list-item--title js-nav-secondary-title secondary-navigation__list-item--icon" data-menu-origin-type="Barça Teams" data-other-sports-menu="true"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> Shop </li> </div> <div class="secondary-navigation__link-panel secondary-navigation__link-panel--hidden" data-menu-type="Barça One" > <li class="secondary-navigation__list-item secondary-navigation__list-item--title js-nav-secondary-title secondary-navigation__list-item--icon" data-menu-origin-type="Barça Teams" data-other-sports-menu="true"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use> </svg> Barça One </li> </div> <div class="secondary-navigation__bottom-scroll-indicator secondary-navigation__bottom-scroll-indicator--hide js-mobile-bottom-scroll-indicator" tabindex="-1"> <svg class=" " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#double-caret-down"></use> </svg> </div> </ul> </div> </nav> </div> </div> </div> <div class="simple-embed js-simple-embed"> <style> html.logged-in #main {} html.logged-in--basic #main {} html.logged-in--premium #main {} html.logged-in--premium .middle-navigation__item[data-menu-origin-type="Culers"] .middle-navigation__sub-item:first-child, html.logged-in--premium .secondary-navigation__link-panel[data-menu-type="Culers"] .secondary-navigation__list-item:nth-child(2) {display:none !important;} </style> <script> { let getCookie = function( name ) { var reg = new RegExp(name + "=([^;]+)"); var value = reg.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } let main = document.querySelector('html'); if (getCookie('fcb-sso-login') == 'true') { main.classList.add('logged-in'); if (getCookie('fcb-sso-entitlements') && getCookie('fcb-sso-entitlements').indexOf('PaidUser') > -1) main.classList.add('logged-in--premium'); else main.classList.add('logged-in--basic'); } } </script> </div> <div class="simple-embed js-simple-embed"> <style> .main-mobile-navigation .user-options.logged-out .user-options__mobile-cta-open {font-size:0;} .main-mobile-navigation .user-options.logged-out .user-options__mobile-cta-open:after {content:'Login';font-size:1.4rem;} </style> </div> <div class="body-content js-body-content"> <main id="main"> <div class="static-wrapper"> <section class="static-hero"> <div class="static-hero-promo fixed-hero-bg"> <div class="hero-photo"> <picture class="hero-photo__picture-element"> <source srcset=" https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=480&height=480 , https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=960&height=960 2x" media="(max-width: 480px)"> <source srcset=" https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=640&height=280 , https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=1280&height=560 2x" media="(max-width: 640px)"> <source srcset=" https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=840&height=368 , https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=1680&height=735 2x" media="(max-width: 840px)"> <source srcset=" https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=1024&height=448 , https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=2048&height=896 2x" media="(max-width: 1024px)"> <source srcset=" https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=1200&height=525 , https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=2400&height=1050 2x" media="(max-width: 1200px)"> <source srcset=" https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=1600&height=700 , https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=3200&height=1400 2x"> <img src="https://www.fcbarcelona.com/photo-resources/2019/09/16/f65a0028-03c8-4220-a945-5ff23e7445f6/cabecera_bar-a_fans_GENERICA.jpg?width=1200&height=525" alt="Select your plan" /> </picture> </div> </div> <div class="static-hero__content"> <h1 class="static-hero__heading">Select your plan</h1> <p class="static-hero__description"></p> </div> </section> <div class="simple-embed js-simple-embed"> <style> html.logged-in #main .card--culers, html.logged-in #main .detail-wrapper__detail-single--culers, html.logged-in--premium #main .card--vipculerssocis, html.logged-in--premium #main .detail-wrapper__detail-single--vipculerssocis, html.logged-in--premium #main .entradas-cards__nav {display:none !important;} html.logged-in--premium #main .entradas-cards {align-items:center;} @media (max-width:640px) { html.logged-in--premium #main .cards-wrapper, html.logged-in--premium #main .card--0-3 {min-width:100%;max-width:100%;} } @media (min-width:641px) { html.logged-in--premium #main .card--0-3, html.logged-in--premium #main .detail-wrapper__detail-single--vipculerspremium {min-width:370px;max-width:370px;} } </style> </div> <div class="u-main-background"> <div class="wrapper "> <div class="col-12"> <section class="static-content"> <div class="static-content__content"> <div class="static-content__header"></div> <div class="section-nav-container" data-widget="section-nav" data-script="fcb_navigation"> <nav class="section-navigation js-section-nav js-nav-container u-hide-tablet u-overflow-hidden"> <a href="/en/culers" data-href="/en/culers" class="section-navigation__text-container js-main-nav-item section-navigation__text-container--active" data-item="0"> <span> Plans </span> <svg class="secondary-navigation__menu-indicator" ><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use></svg> </a> <a href="/en/culers/draws" data-href="/en/culers/draws" class="section-navigation__text-container js-main-nav-item " data-item="1"> <span> Draws </span> <svg class="secondary-navigation__menu-indicator" ><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use></svg> </a> <a href="/en/culers/benefits" data-href="/en/culers/benefits" class="section-navigation__text-container js-main-nav-item " data-item="2"> <span> Benefits </span> <svg class="secondary-navigation__menu-indicator" ><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use></svg> </a> <a href="/en/barca-games" data-href="/en/barca-games" target="_blank" rel="noopener" class="section-navigation__text-container js-main-nav-item " data-item="3"> <span> Barça Games </span> <svg class="secondary-navigation__menu-indicator" ><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#chevron-right"></use></svg> </a> </nav> <div class="section-navigation-dropdown u-show-tablet js-main-nav-dropdown"> <span class="section-navigation-dropdown__current js-dropdown-current" > Plans </span> <button class="section-navigation-dropdown__more js-main-nav-dropdown-more" > <span class="section-navigation-dropdown__more-text"> More </span> <span class="section-navigation-dropdown__close-text"> Close </span> <svg class="icon" ><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#caret-down"></use></svg> </button> <ul class="section-navigation-dropdown__options js-main-nav-dropdown-options" > <li class="section-navigation-dropdown__option" > <a class="section-navigation-dropdown__option-link js-main-nav-dropdown-option section-navigation-dropdown__option-link--active js-main-nav-item" tabindex="-1" href="/en/culers" data-href="/en/culers" > <span> Plans </span> </a> </li> <li class="section-navigation-dropdown__option" > <a class="section-navigation-dropdown__option-link js-main-nav-dropdown-option js-main-nav-item" tabindex="-1" href="/en/culers/draws" data-href="/en/culers/draws" > <span> Draws </span> </a> </li> <li class="section-navigation-dropdown__option" > <a class="section-navigation-dropdown__option-link js-main-nav-dropdown-option js-main-nav-item" tabindex="-1" href="/en/culers/benefits" data-href="/en/culers/benefits" > <span> Benefits </span> </a> </li> <li class="section-navigation-dropdown__option" > <a class="section-navigation-dropdown__option-link js-main-nav-dropdown-option js-main-nav-item" tabindex="-1" href="/en/barca-games" data-href="/en/barca-games" target="_blank" rel="noopener" > <span> Barça Games </span> </a> </li> </ul> </div> </div> <div class="simple-embed js-simple-embed"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> </div> <div class="simple-embed js-simple-embed"> <link href="https://media.fcbarcelona.com/html/mono/css/master.min.css" rel="stylesheet"> <style> .premium-product .bac-sec__col-footer { display: none; } .bac-desk { display: block; } .bac-mob { display: none; } .bac { min-height: 100vh; font-family: fcb, sans-serif; text-align: center; background: radial-gradient(circle closest-side, rgba(69, 145, 255, 0.2) 0%, rgba(69, 145, 255, 0) 100%) right top, url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/03/15/18b11c90-e3fa-4c61-9654-c9d2e88c9526/bg-culers3.svg) no-repeat center top; background-size: auto, 100%; background-color: #181733; color: #101847; padding: 8px 32px 32px; position: relative; } .bac-sec__button { padding: 0px 20px; } .bac p { color: #fff; } .bac .bac-head__subtitle { color: #fff; } #faqsBlock { color: #fff; } .bac-head { margin-bottom: 0px; } .bac-sec__product { background: linear-gradient(180deg, #fff 280px, rgba(255, 255, 255, 0.5) 100%); border: 1px solid #181733; } .bac-sec__product .bac-sec__col-ul { border-bottom: 1px solid #181733; } .bac-sec__product .bac-sec__col-ul { padding: 16px 8px; } .premium-product { background: linear-gradient(180deg, #fff 280px, rgba(255, 255, 255, 1) 100%); } .premium-product .bac-sec__button { background: linear-gradient(270deg, #7f6734, #978253); border: none; } .premium-product .bac-sec__button:hover { background: linear-gradient(270deg, #8c734b, #000); } .premium-product { border: 1px solid #dbc996; } .premium-product .bac-sec__col-ul { border-bottom: 1px solid #978253; } .bac-grd--4 { background: radial-gradient(circle closest-side, rgba(69, 145, 255, 0.1) 0%, rgba(69, 145, 255, 0) 100%), url() no-repeat right 50%; } .premium-product .premium-pack { border-bottom: none; padding: 0 8px; } .bac-sec__button { background: #154284; } .bac-sec__button:hover { background: linear-gradient(90deg, #cd122d 0, #154284); } .premium-product .bac-sec__col-ul { color: #101847; } .bac-sec__product .bac-sec__col-li img { min-width: 18px; max-width: 18px; margin-right: 6px; } /*.culers-product .bac-sec__product-price {font-size: 16px;}*/ .bac-sec__pack-header { font-size: 20px; line-height: 1.4; font-weight: 600; padding: 24px 0; display: flex; align-items: center; } .bac-sec__pack-header a { display: flex; color: #978253; text-align: left; font-size: 18px; text-decoration: none; cursor: pointer; font-weight: 700; } .bac-sec__pack-header a:hover { text-decoration: underline; } .bac-sec__pack-header>div:first-child { margin-right: 24px; } .bac-sec__pack-toggle { margin-left: auto; min-width: 32px; max-width: 32px; height: 32px; box-sizing: border-box; border: 1px solid #978253; border-radius: 50%; position: relative; margin-right: 1rem; } .bac-sec__pack-toggle:before, .bac-sec__pack-toggle:after { position: absolute; content: ''; left: 50%; top: 50%; width: 14px; height: 2px; background: #978253; margin: -1px 0 0 -7px; border-radius: 1px; -webkit-transform-origin: center; transform-origin: center; transition: .2s all; } .bac-sec__pack-toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .bac-sec--7 { background: none; padding-top: 0; } .culers-product ul { color: #101847; } .culers-product .bac-sec__col-title img { width: 195px; } .premium-product .bac-sec__col-title img { width: 300px; } .bac-grd--1, .bac-grd--2 { top: -10%; left: 50%; } .bac-sec { margin-bottom: 0; } .bac-sec__product-body { margin-top: 0; } @media (min-width: 768px) { .bac-sec__pack-header { font-size: 24px; font-weight: 400; } } @media (max-width: 767px) { .bac-sec__swiper-pagination .swiper-pagination-bullet { background: #FCC52D; } .bac-sec__pack-header a { font-size: 16px; } .bac-desk { display: none; } .bac-mob { display: block; } .bac-sec__title { font-size: 24px; font-weight: 600; } .bac { background-size: cover; } .bac-sec__col-li { font-size: 14px; } .bac-sec__faq-header { font-size: 16px; } .bac-sec--7 { padding-top: 2rem; } .bac-sec__faq-body { font-size: 14px; } .culers-product .bac-sec__col-title img { width: 180px; } } @media (max-width: 840px) { /* .body-content {padding-top: 0;}*/ } .static-hero .hero-photo:before { background: none; } .swiper-slide { height: auto; min-height: 100%; display: flex; flex-direction: column; } .bac-sec__col { display: flex; flex-direction: column; flex-grow: 1; } .bac-sec__btn { margin-bottom: 16px; } .bac-sec__col-li { /*align-items: center;*/ margin-bottom: 12px; font-size: 15px; } .bac-sec__col-li img { margin: 0 !important; width: 100%; min-width: 0 !important; max-width: none !important; } .bac-sec__col-li { padding-bottom: 12px; border-bottom: 1px solid #e3e3e4; } .bac-sec__col-li--disabled { color: #979797; } .bac-sec__col-li--disabled img { visibility: hidden; } .bac-sec__col-li:not(.bac-sec__col-li--noimg) > div:first-child { text-align: center; min-width: 24px; max-width: 24px; margin-right: 12px !important; } .bac-sec__col-ul { padding: 16px 0 !important; margin-left: -2px; margin-right: -2px; width: auto; min-width: 100%; border:none !important; } .bac [class*=col-] { float: none !important; } .bac-sec__pack-header { padding-bottom: 8px !important; } .bac-sec__btn--bottom { margin-bottom: 0; } .bac-sec__col-li.bac-sec__col-li--check > div:first-child { min-width:16px; max-width:16px; margin-left:8px; } .bac-sec__col-li--noimg { padding-left: 36px; } </style> <style> .bac-sec__product-price--del {font-weight:300;opacity:.5;} .bac-sec__code {font-size:14px;line-height:1.4;padding:0 8px;border-radius:4px;} .bac-sec__code--bf {background:#000;color:#fff;width:fit-content;margin:0 auto 8px;} .bac-sec__code--hidden {visibility: hidden;} </style> <style> .socis-product {background:linear-gradient(180deg, #fff 280px, rgba(255, 255, 255, 1) 100%);} .socis-product .bac-sec__col-title img {width:164px;} .socis-product .bac-sec__button {background: linear-gradient(270deg, #111111, #222222);border: none;} .socis-product .bac-sec__button:hover {background: linear-gradient(270deg, #222, #555);} .bac-sec__product-desc {border-top:1px solid #111;border-bottom:1px solid #000;padding:12px;display:flex;align-items:center;justify-content:center;text-align:left;margin-top:8px;line-height:1.1;opacity:.6;} .bac-sec__product-desc img {min-width:36px;max-width:36px;margin-right:16px;} .bac-sec__product-desc span {font-size:16px;color:#111;text-transform:uppercase;font-weight:bold;} @media(max-width: 767px) { .socis-product .bac-sec__col-title img {width:152px;} .bac-sec__product-desc img {min-width:32px;max-width:32px;} .bac-sec__product-desc span {font-size:14px;} } @media (min-width:768px) and (max-width:1023px) { .bac {padding:8px 0 32px;} .bac-sec__cols--3 .bac-sec__col {min-width:33.3333%;max-width:33.3333%;padding:0 8px;} .bac-sec--7 {padding-left:48px;padding-right:48px;} .bac-sec__col-title img {max-height:30px;} .bac-sec__button {height: 56px;display: flex;align-items: center;justify-content: center;line-height: 1.2;} } </style> <style> /*.bac-sec__product-price {font-weight:400;}*/ .bac-sec__product-price span {margin-top:6px;} </style> <div class="bac"> <div class="bac-grd bac-grd--1"></div> <div class="bac-grd bac-grd--2"></div> <div class="bac-grd bac-grd--3"></div> <div class="bac-grd bac-grd--4"></div> <div class="bac-head"> <h2 class="bac-head__subtitle">Choose your plan</h2> </div> <div class="entradas-cards__nav-wrap"> <section class="entradas-cards" id="cards0"> <div class="cards-wrapper"> <div class="card card--0-1 card-basic card--culers "> <div class="slick-slider"> <div style="background-image:url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/03/15/c273e6f7-c6ed-462a-954b-71c24de9e917/culers-logo.svg)" class="card-image"></div> </div> <div class="card-info"> <div class="price-buy-wrapper"> <a target="_blank" href="https://culers.fcbarcelona.com/quickregister?language=en_US&channel=web&redirect_uri=https://ssosalesforce.fcbarcelona.com/sso-redirect-opentrends-flows&post_logout_uri=https%3A%2F%2Fid.fcbarcelona.com%2Fculers%2Fs%2Flogout%3FretURL%3Dhttps%3A%2F%2Fssosalesforce.fcbarcelona.com%2Fsso-logout-redirect" class="button-buy modal-activate"> <span class="button-mask"> Become culer </span> </a> </div> <div class="main-info-wrapper"> <div class="title-wrapper"> <div class="title-price-wrapper"> <div class="card-title"> Culers </div> </div> </div> <p class="card-description"> <span class="ticket-promo__description card-note "> Free </span> </p> <div class="bac-sec__code bac-sec__code--bf bac-sec__code--hidden"> </div> </div> </div> </div> <div class="card card--0-2 card-premium card--vipculerssocis recommended "> <div class="ribbon__sheer"> <p> MOST POPULAR </p> </div> <div class="slick-slider"> <div style="background-image:url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/03/20/fff54a85-fcd3-487e-9abd-9ed3d803e796/culers-premium-23-blue.svg)" class="card-image"></div> </div> <div class="card-info"> <div class="price-buy-wrapper"> <!--a target="_blank" href="https://culers.fcbarcelona.com/quickregister?flow_id=culerspremium&product_id=premium_new&language=en_US&channel=web&redirect_uri=https://ssosalesforce.fcbarcelona.com/sso-redirect-opentrends-flows&post_logout_uri=https%3A%2F%2Fid.fcbarcelona.com%2Fculers%2Fs%2Flogout%3FretURL%3Dhttps%3A%2F%2Fssosalesforce.fcbarcelona.com%2Fsso-logout-redirect" class="button-buy "> <span class="button-mask"> Become culer premium </span> </a--> <a target="_blank" href="https://frmforms.fcbarcelona.com/culers-premium-eng" class="button-buy "> <span class="button-mask"> Let me know! </span> </a> </div> <div class="main-info-wrapper"> <div class="title-wrapper"> <div class="title-price-wrapper"> <div class="card-title"> Culers Premium </div> </div> <!--p class="tag-recommended"> MOST POPULAR </p--> </div> <p class="card-description"> <span class="ticket-promo__description card-note "> <!--del>39.99€</del> 29.99€ <span class="card-time-period">/Year</span--> 39.99€ <span class="card-time-period">/Year</span> </span> </p> <!--div class="bac-sec__code bac-sec__code--bf">Code: <strong>PM250</strong></div--> <div class="bac-sec__code bac-sec__code--bf bac-sec__code--hidden"> </div> </div> </div> </div> <div class="card card--0-3 card-top card--vipculerspremium "> <div class="ribbon__sheer"> <p> TOP PRODUCT </p> </div> <div class="slick-slider"> <div style="background-image:url(https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/16/0ad40b96-1594-4cb3-9ecb-25e288f01c7b/socis-logo.svg)" class="card-image"></div> </div> <div class="card-info"> <div class="price-buy-wrapper"> <a target="_blank" href="https://www.fcbarcelona.com/en/club/members/become-member?int=WB_23-24_A1211-95&btm_source=WebBarca&btm_medium=BotoWeb&btm_campaign=CulersSocis_EN_DIG_DIG_WW" class="button-buy "> <span class="button-mask"> Become member </span> </a> </div> <div class="main-info-wrapper"> <div class="title-wrapper"> <div class="title-price-wrapper"> <div class="card-title"> Culers Socis </div> </div> </div> <p class="card-description"> <span class="ticket-promo__description card-note "> <!--<del>215€</del> 108€ --> 215€* <span class="card-time-period">/Year</span> </span> </p> <!--div class="bac-sec__code bac-sec__code--bf bac-sec__code--hidden"> </div--> <div class="bac-sec__code bac-sec__code--bf" style="background:#fff;color:#666;">* Registration valid until 31/12/2025</div> </div> </div> </div> </div> <div class="product-detail__detail-wrapper show-detail-info"> <ul class="detail-wrapper__detail-single detail-wrapper__detail-single--culers "> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2023/03/15/ee381f22-7fe6-4eba-8b00-c11d9ae53ada/tick.svg"> </div> <span class="detail-item__item-text"> Official FC Barcelona newsletter </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2023/03/15/ee381f22-7fe6-4eba-8b00-c11d9ae53ada/tick.svg"> </div> <span class="detail-item__item-text"> Draws & contests </span> </li> </ul> <ul class="detail-wrapper__detail-single detail-wrapper__detail-single--vipculerssocis recommended "> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/8189011b-e0d5-4975-8fc0-d877f895182d/icon-tickets.svg"> </div> <span class="detail-item__item-text"> <small style="font-weight:bold;color:#cd122d;text-transform:uppercase;">New!</small> Early access to match tickets </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/4bf747d5-e487-460b-8329-28f9289b780b/icon-discount.svg"> </div> <span class="detail-item__item-text"> <strong>Discounts:</strong><br> 10% Football tickets<br> 5% On-line store<br> 10% Basketball tickets<br> 50% Museum tickets </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/11/18/fe728249-3d6e-451b-8480-d04a73683b86/birthday-cake.svg"> </div> <span class="detail-item__item-text"> Exclusive discounts for your birthday </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/9f9cda78-d0a2-45ca-a882-a6457abe15d6/picto_fundacio.svg"> </div> <span class="detail-item__item-text"> With every new subscription, FC Barcelona donates 1€ to FC Barcelona Foundation </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> </div> <span class="detail-item__item-text"> <em>Plus all the <strong>Free Culer</strong> benefits!</em> </span> </li> </ul> <ul class="detail-wrapper__detail-single detail-wrapper__detail-single--vipculerspremium "> <li class="detail-single__detail-item detail-single__detail-item--full"> <div class="bac-sec__product-desc"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/16/24364d62-3fff-4217-be4f-8c1a9c754ba6/socis-vote.png"> <span>A voice and a vote <br>in the decisions of the Club</span> </div> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/8189011b-e0d5-4975-8fc0-d877f895182d/icon-tickets.svg"> </div> <span class="detail-item__item-text"> Exclusive 48-hour pre-sale </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/4bf747d5-e487-460b-8329-28f9289b780b/icon-discount.svg"> </div> <span class="detail-item__item-text"> <strong>Discounts:</strong><br> Up to 50% in football<br> 10% On-line and physical store<br> 50% Basketball tickets<br> Free entry to the museum </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/2e7c02cb-0844-44d1-a367-97cd9e6bb2a8/icon_tags.svg"> </div> <span class="detail-item__item-text"> Exclusive promotions with Barça Partners </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/c2a38c8a-0764-45b5-a1c9-2a7a582adab2/icon_phone.svg"> </div> <span class="detail-item__item-text"> Exclusive app for members and Barça Magazine </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/992b85a9-a9a0-42a2-bed2-a096407f8102/icon_seat.svg"> </div> <span class="detail-item__item-text"> Access to the season ticket waiting list </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> <img src="https://www.fcbarcelona.com/fcbarcelona/photo/2024/04/17/c36fab55-8c91-4fbb-9864-8321a6b18391/icon_plane.svg"> </div> <span class="detail-item__item-text"> Exclusive trips with FC Barcelona Travel </span> </li> <li class="detail-single__detail-item "> <div class="detail-item__icon-wrapper"> </div> <span class="detail-item__item-text"> <em>Plus all the <strong>Free and Premium Culer</strong> benefits!</em> </span> </li> </ul> </div> <style> @media (min-width: 980px) { .d-md-none { display: block; } } .entradas-cards { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 4rem; width: 100%; scroll-margin: 98px; } .compare-link { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 20px; display: block; } .compare-link a { color: #ffffff; } .cards-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 90%; margin-inline: 16px; position: relative; justify-content: center; } @media (min-width: 980px) { .cards-wrapper { max-width: 1068px; } } .cards-wrapper > div:nth-child(1) .card-image { border-top-left-radius: 8px; width: 100%; } .cards-wrapper > div:last-child .card-image { border-top-right-radius: 8px; } .cards-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .card { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 8px; position: relative; padding-top: 0; text-align: left; width: 100%; } .card { margin-bottom: 0; padding-top: 16px; text-align: center; min-width: 200px; width: 100%; max-width: 370px; } .card:nth-child(2) > .card-info { border-bottom-left-radius: 8px; } .card:last-of-type > .card-info { border-bottom-right-radius: 8px; } .card .ribbon__sheer { display: none; } .card .ribbon__sheer { background-color: #fdc52c; width: auto; display: inline-block; padding: 10px 12px 10px 20px; -webkit-transform: translate(-8px, 10px); transform: translate(-8px, 10px); position: absolute; max-width: 90%; top: 30px; } .card.recommended .ribbon__sheer { top: 14px; } .card .ribbon__sheer p { font-style: italic; font-weight: 800; font-family: "fcb-extra-bold", Helvetica, sans-serif; font-size: 14px; color: #000; text-align: left; display: flex; align-items: center; } .card .ribbon__sheer p svg:first-child { margin: 0 6px 0 -6px; max-height: 18px; } .card .ribbon__sheer:before { content: ""; position: absolute; bottom: -8px; left: 0; background-color: #fdc52c; width: 8px; height: 8px; -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%); clip-path: polygon(100% 0, 0 0, 100% 100%); -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.2); box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.2); } .card .ribbon__sheer:after { content: ""; position: absolute; right: -9px; top: 0; background-color: #fdc52c; width: 10px; height: 100%; -webkit-clip-path: polygon(100% 0, 0 0, 0 100%); clip-path: polygon(100% 0, 0 0, 0 100%); } .card .card-image { /*height: 208px;*/ aspect-ratio:712/440; margin-bottom:-8px; width: 100%; /**/ -o-object-fit: cover; object-fit: cover; } .card .slick-slider { margin-bottom: 0; display: none; } .card .slick-slider { display: block; } .card .slick-slider .slick-dots { margin: 0; bottom: 16px; } .card .slick-slider .slick-dots li { width: 40px; height: 4px; } .card .slick-slider .slick-dots button:before { background-color: #fff; height: 4px; width: 40px; text-indent: -9999px; opacity: 0.3; } .card .slick-slider .slick-dots .slick-active button:before { opacity: 1; } .card .slick-slider .slick-arrow:before { color: transparent; background-image: url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/d3e3a5e1-a02c-49ca-a8bd-3634a1eae901/newlandings-slick-arrow.svg); background-repeat: no-repeat; opacity: 1; } .card .slick-slider .slick-arrow.slick-next { right: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .card .slick-slider .slick-arrow.slick-prev { left: 15px; z-index: 1; } .card .card-info { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; background-color: #fff; background-position: left bottom; border-right: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 100%; border-radius: 8px; //border-bottom-left-radius: 0 !important; //border-bottom-right-radius: 0 !important; } .card .card-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-radius: 0; padding: 10px 0 0; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .card .card-title { font-size: 28px; margin-bottom: 0; margin-left: 1rem; font-weight: 800; font-family: "fcb-extra-bold", Helvetica, sans-serif; line-height: 1.2; } .card .card-title { font-size: 32px; margin-left: 1rem; margin-right: 1rem; margin-bottom: 1rem; line-height: 1; } .card .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card .title-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card .title-price-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card .tag-recommended { font-weight: 700; font-family: "fcb-extra-bold", Helvetica, sans-serif; font-size: 12px; color: #000; background-color: #fdc52c; padding: 8px 10px; display: flex; margin: 0 8px; white-space: nowrap; align-self: center; align-items: center; } .card .tag-recommended > svg:first-child { margin-right: 6px; max-height: 18px; } .card .tag-recommended { left: 215px; } .card .tag-recommended { display: none; } .card .main-info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; position: relative; } .card .main-info-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 1.5rem; flex-grow: 1; } .card .card-description { color: #000; line-height: 22.5px; margin: 0 1rem 2rem; display: none; max-width: none; } .card .card-description { display: flex; flex-direction: column; flex-grow: 1; max-width: 252px; margin: 0 1rem; } .card .card-price { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px; } .card .card-price .price-text { -ms-flex-item-align: end; align-self: flex-end; /*margin-top: 8px;*/ margin-right: 4px; margin-bottom: 6px; line-height: .9; text-align: right; } .card .card-price .price-number { font-size: 64px; line-height: 67px; } .card .card-price .price-coin { -ms-flex-item-align: end; align-self: flex-end; font-size: 32px; } .card .card-price { display: -webkit-box; display: -ms-flexbox; display: flex; } .card .price-buy-wrapper { width: 100%; margin-top: auto; } .card .button-buy, .card .button-mask { border-radius: 8px; color: #fff; font-weight: bold; font-family: "fcb-extra-bold", Helvetica, sans-serif; height: 56px; margin: 0 16px 32px; place-items: center; text-decoration: none; -webkit-transition: background-color 1s; transition: background-color 1s; position: relative; overflow: hidden; text-transform: uppercase; z-index: 1; text-align: center; display: none; } .card .button-buy, .card .button-mask { display: -ms-grid; display: grid; margin: 0 8% 32px; } .card .button-buy { display: block; position: static; } .card .button-buy:before { background: none !important; z-index: 0 !important; } .card .button-buy:after { content: none !important; } .card .button-mask { position: relative; margin: 0; } .card .buy-plus { border: 2px solid #fdc52c; background-color: #fdc52c; color: #000; } .card .buy-plus::after, .card .buy-plus .button-mask::after, .card .buy-plus::before, .card .buy-plus .button-mask::before { content: ""; background: transparent !important; } .button-buy::after, .button-mask::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: all 0.6s; transition: all 0.6s; } .button-buy::before, .button-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition: all 0.6s; transition: all 0.6s; } .button-buy__non-available { background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-inline: 10px; border-radius: 8px; font-weight: bold; font-family: "fcb-extra-bold", Helvetica, sans-serif; height: 56px; margin: 0; text-decoration: none; min-width: 50%; text-transform: uppercase; position: relative; -webkit-transition: background-color 0.6s, color 0.3s; transition: background-color 0.6s, color 0.3s; display: none; } .button-buy__non-available { display: -ms-grid; display: grid; margin: 0 8% 32px; } .card-basic { color: #154284; } .card-basic .card-image { border-top: 8px solid #154284; } .card-basic .card-info { background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/d79d8c46-2072-4638-83b0-3ba0f07ebb37/newlanding-text1.png); background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/d79d8c46-2072-4638-83b0-3ba0f07ebb37/newlanding-text1.png); background-size: 107.5%; border-left: 8px solid #154284; } .card-basic .card-info { border-left: none; } .card-basic .button-buy:hover::after, .card-basic .button-buy:hover .button-mask::after { background: transparent; } .card-basic .button-buy::after, .card-basic .button-mask::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #154284; z-index: -1; -webkit-transition: all 0.6s; transition: all 0.6s; } .card-basic .button-buy::before, .card-basic .button-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, right top, left top, from(#154284), to(#cd122d)); background: linear-gradient(270deg, #154284, #cd122d); z-index: -1; -webkit-transition: all 0.6s; transition: all 0.6s; } .card-basic .button-buy__non-available { -webkit-box-shadow: inset 0 0 0 2px #154284; box-shadow: inset 0 0 0 2px #154284; color: #154284; } .card-basic .button-buy__non-available:hover { color: white; background-color: #154284; } .card-basic .detail-item-icon path { stroke: #154284; } .card-basic .product-detail-title { color: #154284; } .card-premium { color: #8c734b; } .card-premium .card-image { border-top: 8px solid #8c734b; } .card-premium .card-info { background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/486099f7-6bcd-48ec-a54f-0730cd1c84a8/newlanding-text2.png); background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/486099f7-6bcd-48ec-a54f-0730cd1c84a8/newlanding-text2.png); border-left: 8px solid #8c734b; } .card-premium .card-info { border-left: none; } .card-premium .button-buy:hover::after, .card-premium .button-buy:hover .button-mask::after { background: transparent; } .card-premium .button-buy::after, .card-premium .button-mask::after { background: #8c734b; } .card-premium .button-buy::before, .card-premium .button-mask::before { background: -webkit-gradient(linear, right top, left top, from(#8c734b), to(#000)); background: linear-gradient(270deg, #8c734b, #000); } .card-premium .detail-item-icon path { fill: #154284; } .card-premium .product-detail-title { color: #8c734b; } .card-premium .button-buy__non-available { -webkit-box-shadow: inset 0 0 0 2px #8c734b; box-shadow: inset 0 0 0 2px #8c734b; color: #8c734b; } .card-premium .button-buy__non-available:hover { color: white; background-color: #8c734b; } .card-top { color: #000; } .card-top .card-image { border-top: 8px solid #666; } .card-top .card-info { background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0))), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/486099f7-6bcd-48ec-a54f-0730cd1c84a8/newlanding-text2.png); background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/486099f7-6bcd-48ec-a54f-0730cd1c84a8/newlanding-text2.png); border-left: 8px solid #000; } .card-top .card-info { border-left: none; } .card-top .button-buy:hover::after, .card-top .button-buy:hover .button-mask::after { background: transparent; } .card-top .button-buy::after, .card-top .button-mask::after { background: #000; } .card-top .button-buy::before, .card-top .button-mask::before { background: -webkit-gradient(linear, right top, left top, from(#000), to(#666)); background: linear-gradient(270deg, #000, #666); } .card-top .detail-item-icon path { fill: #154284; } .card-top .product-detail-title { color: #000; } .card-top .button-buy__non-available { -webkit-box-shadow: inset 0 0 0 2px #000; box-shadow: inset 0 0 0 2px #000; color: #000; } .card-top .button-buy__non-available:hover { color: white; background-color: #000; } .features-comparison { color: #fff; cursor: pointer; text-align: center; margin-block: 2rem 1rem; display: none; } .features-comparison { display: block; } .features-comparison .features-comparison-text { margin-block: 0.5rem; color: #fff; } .features-comparison .arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); display: none; } .landingmodal { position: fixed; top: 0; left: 0; width: 100%; min-height: 100vh; display: none; background: rgba(0, 0, 0, 0.3); z-index: 60; } .landingmodal .modal-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 920px; width: 920px; height: auto; background: #fff; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; } .landingmodal .modal-container .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .landingmodal .modal-container .modal-header .close-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; background-color: red; color: #fff; border-radius: 50%; margin: 0; position: absolute; top: -24px; right: -24px; cursor: pointer; } .landingmodal .modal-container .modal-content { padding: 40px 0 50px 40px; } .landingmodal .modal-container .modal-content .modal-title { font-size: 24px; font-weight: 800; font-family: "fcb-bold", Helvetica, sans-serif; line-height: 39px; color: #154284; padding-bottom: 40px; } .landingmodal .modal-container .modal-content .grid { display: -ms-grid; display: grid; -ms-grid-columns: 366px 200px 200px; grid-template-columns: 366px 200px 200px; -webkit-column-gap: 24px; column-gap: 24px; row-gap: 16px; } .landingmodal .modal-container .modal-content .grid .title-ticket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; font-weight: 700; font-family: "fcb-bold", Helvetica, sans-serif; font-size: 18px; background: #181733 url(https://www.fcbarcelona.com/resources/v2.63.0-5317/i/bg-elements/stripes-horizontal.png) repeat center bottom; background-size: cover; height: 48px; text-align: center; line-height: 1.1; padding: 0 4px; } .landingmodal .modal-container .modal-content .grid .icon-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 18px; } .landingmodal .modal-container .modal-content .grid .icon-text p { line-height: 1.4; } .landingmodal .modal-container .modal-content .grid .icon-text .modal-icon { display: flex; align-items: center; justify-content: center; min-width: 40px; } .landingmodal .modal-container .modal-content .grid .icon-text img { padding-right: 12px; max-width: 40px; } .landingmodal .modal-container .modal-content .grid .border-top { padding-top: 16px; border-top: 1px solid #b9c7db; } .landingmodal .modal-container .modal-content .grid .align-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .landingmodal .modal-container .modal-content .grid .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: 700; font-family: "fcb-extra-bold", Helvetica, sans-serif; height: 58px; border-radius: 8px; padding: 0; line-height: 1.1; padding: 0 4px; } .landingmodal .modal-container .modal-content .grid .button--light, .card .button--light { color: #154284; border: 2px solid #154284; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .landingmodal .modal-container .modal-content .grid .button--light::before,.landingmodal .modal-container .modal-content .grid .button--light::after, .card .button--light::before,.card .button--light::after { content:none; } .landingmodal .modal-container .modal-content .grid .button--light:hover, .card .button--light:hover { /*background-color: #154284;*/ /*color: #fff;*/ } .landingmodal .modal-container .modal-content .grid .button--blue { color: #fff; position: relative; overflow: hidden; } .landingmodal .modal-container .modal-content .grid .button--blue:hover::after { background: transparent; } .landingmodal .modal-container .modal-content .grid .button--blue::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #8c734b; z-index: -1; -webkit-transition: all 0.6s; transition: all 0.6s; } .landingmodal .modal-container .modal-content .grid .button--blue::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, right top, left top, from(#8c734b), to(#000)); background: linear-gradient(270deg, #8c734b, #000); z-index: -1; -webkit-transition: all s; transition: all s; } @media (max-width:980px) { .landingmodal .modal-container { width: 100% !important; max-width: calc(100% - 5rem) !important; } .landingmodal .modal-content { padding: 20px !important; } .landingmodal .modal-title { font-size: 18px !important; line-height: 1.4 !important; padding-bottom: 20px !important; } .landingmodal .modal-title span { display: inline-block; } .landingmodal .modal-content .icon-text p { font-size: 14px !important; line-height: 1.2 !important; margin: 0 !important; } .landingmodal .modal-content .grid { grid-template-columns: calc(40% - 16px) 30% 30% !important; row-gap: 8px !important; column-gap: 12px !important; } .landingmodal .modal-content .grid .border-top { padding: 12px 0 4px !important; } .landingmodal .modal-content .grid .align-center { align-items: center !important; } .landingmodal .modal-icon { display: none !important; } .landingmodal .modal-content .title-ticket { height: 42px !important; font-size: 14px !important; text-align: center !important; padding: 0 8px !important; line-height:1.2 !important; } .landingmodal .modal-content .button { font-size: 12px !important; min-width: 0 !important; line-height: 1.2 !important; display: flex; align-content: center; padding: 0 8px !important; } } .product-detail__detail-wrapper { display: none; } .product-detail__detail-wrapper.show-detail-info { display: none; } .product-detail__detail-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; max-width: 1068px; width: 90%; max-height: 0; overflow: hidden; transition: .4s all; justify-content: center; } .product-detail__detail-wrapper.show-detail-info { max-height: 500px; } .product-detail__detail-wrapper .detail-wrapper__detail-single { list-style: none; width: 100%; background-color: #fff; border-right: 1px solid #b3b3b3; color: #000; display: block; padding: 5px 16px 0; max-width: 370px; } .product-detail__detail-wrapper .detail-wrapper__detail-single:first-child { border-bottom-left-radius: 8px; } .product-detail__detail-wrapper .detail-wrapper__detail-single:last-child { border-bottom-right-radius: 8px; } .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 48px; line-height: 1.2; padding: 8px 0; } .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item:not(:last-child) { border-bottom: 1.5px solid #b9c7db; } .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item .detail-item__icon-wrapper { margin-right: 1rem; width: 30px; min-width: 30px; max-width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item .detail-item__icon-wrapper img { max-width: 100%; } .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item.disabled > * { opacity: 0.3; } .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item .detail-item__item-text { font-size: 14px; } .product-detail__detail-wrapper { display: none; } .recommended, .pressured + * { -webkit-box-shadow: 0 8px 0 0 transparent, 0 -8px 0 0 transparent, 8px 8px 24px -8px #00000052, -8px 8px 24px -8px #00000052; box-shadow: 0 8px 0 0 transparent, 0 -8px 0 0 transparent, 8px 8px 24px -8px #00000052, -8px 8px 24px -8px #00000052; padding-top: 0; position: relative; z-index: 1; } .recommended .card-image { border-top-left-radius: 8px; border-top-right-radius: 8px; } .card.pressured { padding-top:28px !important; } .pressured + .card { padding-top: 14px; } .pressured + .card .card-image { border-top-left-radius: 8px; } .card .button-buy.letmeknow span, .product-detail-mobile .button-buy.letmeknow, .button-table.letmeknow {background:transparent !important;color:#154284;border:.2rem solid #154284;display:flex;align-items:center;justify-content:center;} .card .button-buy.letmeknow span:before, .product-detail-mobile .button-buy.letmeknow:before, .button-table.letmeknow:before {position:static;content:'';display:inline-block;width:20px;height:15px;margin-right:8px;background:url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/02/06/118633ae-f843-4602-85a7-d0934a074e10/envelope-icon.svg) no-repeat 0 center;} .card .button-buy.letmeknow span:after, .product-detail-mobile .button-buy.letmeknow:after, .button-table.letmeknow:after {background:transparent;} .card-premium .button-buy.letmeknow span, .card-premium .product-detail-mobile .button-buy.letmeknow, .button-table--brown.letmeknow {color:#8c734b;border-color:#8c734b;} .card-premium .button-buy.letmeknow span:before, .card-premium .product-detail-mobile .button-buy.letmeknow:before {background-image:url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/19/cd49ec36-c858-4c81-bd31-8678af7b8044/envelope-icon-brown.svg);} .button-table.letmeknow:before {background-image:url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/19/a71f15fe-fe1d-4500-b957-f826be9dbc29/envelope-icon-white.svg);} .card-note {margin:auto -24px 0 !important;padding-top:8px;text-align:center !important;font-size:16px;display:block;width:auto;position:relative;} .card-note--with-icon {padding-left:20px;text-align:left !important;} .card-note svg {color:#cd122d;position:absolute;left:0;top:calc(8px + .2em);width:14px;} .card-note a {border-bottom:1px solid #154284;} /*@media (max-width:1100px) { .card-note {margin:0 !important;} } @media (max-width:979px) { .card-note {margin:0 0 16px !important;;} }*/ .ticket-promo__description { font-size: 2.8rem; /*width: 100%;*/ text-align: left; color: #154284; margin-top: 0.8rem; font-family: fcb-bold,Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: 400; } .ticket-promo__description { z-index: auto !important; } .ticket-promo--regular .ticket-promo__description { color: #cd122d; } @supports (-webkit-background-clip:text) or (-webkit-text-fill-color:transparent) { .ticket-promo__description { /*background: linear-gradient(90deg,#cd122d,#154284); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fff;*/ } } .card-premium .ticket-promo__description {color:#8c734b;} .card-top .ticket-promo__description {color:#000;} .card--dark, .detail-wrapper__detail-single--dark, .card--dark .card-description__mobile {background-color:#000 !important;} .card--dark .product-detail-title, .card--dark .product-detail-list {background-color:#212121 !important;} .card--dark .card-info {border-color:#8c734b;background-color:transparent !important;background-image:linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%), url(https://www.fcbarcelona.com/fcbarcelona/photo/2023/06/16/486099f7-6bcd-48ec-a54f-0730cd1c84a8/newlanding-text2.png) !important;} .card--dark .card-description, .detail-wrapper__detail-single--dark, .card--dark .product-detail-list {color:#fff !important;} .card--dark .slick-slider {position:relative;} .card--dark .slick-slider:before,.card--dark .slick-slider:after {content:'';position:absolute;left:0;bottom:0;right:0;height:40px;background:linear-gradient(to bottom, transparent, #000);} .card--dark .slick-slider:after {transform:translateY(100%) rotate(180deg);} .card--dark .button-buy:not(.letmeknow) span {border:1px solid #8c734b;} .detail-wrapper__detail-single--dark {border-color:#8c734b !important;border-bottom-width:1px;border-style:solid;border-left-width:0;border-top-width:0;} .product-detail__detail-wrapper .detail-wrapper__detail-single--dark .detail-single__detail-item:not(:last-child) {border-bottom-color:rgba(140, 115, 75, .5) !important;} .card--dark .ribbon__sheer {z-index:1;} /*@media (max-width:979px) { .card--dark .card-info {border-style: solid;border-top-width:1px;border-bottom-width:1px;} }*/ .card--dark .card-info {border-left-width:0;border-style:solid;border-top-width:0;border-bottom-width:0;} /*@media (max-width:480px) { .card .card-title {font-size:24px;} }*/ </style> <style> .title-wrapper {display:none !important;} .entradas-cards {margin-bottom:2rem;} .detail-wrapper__detail-single {text-align:left;} .detail-item__icon-wrapper {min-width:20px !important;max-width:20px !important;height:30px;align-self:start;} .pressured .detail-item__icon-wrapper {min-width:14px !important;max-width:14px !important;} .pressured .detail-item__icon-wrapper img {height:100%;} /*.recommended .detail-item__icon-wrapper {filter:grayscale(100%) sepia(100%) hue-rotate(360deg) brightness(1.5);}*/ .ticket-promo__description del, .ticket-promo__description .card-time-period {font-family:fcb, sans-serif;font-weight:300;color:#aaa;} .ticket-promo__description del {margin-right:.4rem;} .ticket-promo__description .card-time-period {font-size:.6em;vertical-align:top;font-weight:400;} .bac-sec__code {margin-top:1.4rem;} /*.pressured .bac-sec__code, .recommended .bac-sec__code {visibility:hidden;}*/ @media (max-width:979px) { .entradas-cards {margin-left:calc(-.8rem - 32px);margin-right:calc(-.8rem - 32px);width:auto;overflow-x:auto;align-items:flex-start;scroll-snap-type:x mandatory;padding-left:10vw;padding-right:10vw;} .entradas-cards::-webkit-scrollbar {display:none;} .cards-wrapper, .product-detail__detail-wrapper {margin:0;min-width:0;max-width:none;width:auto;height:auto;} .card, .detail-wrapper__detail-single {min-width:50vw;max-width:50vw;scroll-snap-align:center;} } @media (max-width:640px) { .card, .detail-wrapper__detail-single {min-width:80vw;max-width:80vw;} } </style> <style> .slick-slider {position:relative;} .slick-slider:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;border-radius:8px 8px 0 0;border-right:1px solid #b3b3b3;} .card .card-image {aspect-ratio:24/9;background:no-repeat center bottom 16px;background-size:auto 52px;position:relative;} .card .ribbon__sheer {z-index:1;} .card .button-buy:before {z-index:1 !important;} .card .button-buy {margin:16px 8%;} .recommended .card-info {padding-top:26px;} .recommended .card-image {background-position:center bottom;} .entradas-cards {position: relative;} .bac-sec__product-desc {border-top:1px solid #111;border-bottom:1px solid #000;padding:12px;display:flex;align-items:center;justify-content:center;text-align:left;margin-top:8px;line-height:1.1;opacity:.6;} .bac-sec__product-desc img {min-width:36px;max-width:36px;margin-right:16px;} .bac-sec__product-desc span {font-size:16px;color:#111;text-transform:uppercase;font-weight:bold;} .detail-single__detail-item--full {display: block !important;border:none !important;padding:0 !important;} .entradas-cards__nav-wrap {position:relative;} .bac-sec__swiper-buttons .swiper-button-next {right:-26px;} .bac-sec__swiper-buttons .swiper-button-prev {left:-26px;} @media (max-width:480px) { .card .card-image {background-size:auto 42px;aspect-ratio:24/10;} } @media (min-width:768px) { .entradas-cards__nav {display:none;} } </style> <style> .card--0-3 .ribbon__sheer {top:22px;} .card--0-3 .ribbon__sheer, .card--0-3 .ribbon__sheer:before, .card--0-3 .ribbon__sheer:after, .card--0-3 .tag-recommended {background-color:#666 !important;} </style> <style> .card--0-3 .ribbon__sheer p, .card--0-3 .tag-recommended {color:#ffffff !important;} </style> <style> .bac-sec__swiper-buttons .swiper-button-disabled {opacity:0;pointer-events:none;} </style> </section> <nav class="entradas-cards__nav"> <div class="bac-sec__swiper-buttons"> <div class="swiper-button-prev swiper-1-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-2537e5c1010d56da75" aria-disabled="false"><img src="https://media.fcbarcelona.com/html/mono/img/bac-ic_chevron_left.svg" alt="<"></div> <div class="swiper-button-next swiper-1-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-2537e5c1010d56da75" aria-disabled="false"><img src="https://media.fcbarcelona.com/html/mono/img/bac-ic_chevron_right.svg" alt=">"></div> </div> </nav> <script> document.querySelector('.entradas-cards').addEventListener('scroll', (e) => { document.querySelector('.swiper-button-prev').classList.remove('swiper-button-disabled'); document.querySelector('.swiper-button-next').classList.remove('swiper-button-disabled'); if (e.target.scrollLeft == 0) document.querySelector('.swiper-button-prev').classList.add('swiper-button-disabled') else if (e.target.scrollLeft == e.target.scrollWidth - e.target.offsetWidth) document.querySelector('.swiper-button-next').classList.add('swiper-button-disabled'); }); document.querySelector('.swiper-button-next').addEventListener('click', () => document.querySelector('.entradas-cards').scrollBy({left: document.querySelector('.card--0-3').offsetWidth, behavior: 'smooth'})); document.querySelector('.swiper-button-prev').addEventListener('click', () => document.querySelector('.entradas-cards').scrollBy({left: -document.querySelector('.card--0-3').offsetWidth, behavior: 'smooth'})); document.querySelector('.entradas-cards').dispatchEvent(new CustomEvent('scroll')); </script> <script> document.querySelector('.card--0-2').scrollIntoView({ block: 'nearest', inline: 'center' }); </script> </div> <section class="bac-sec bac-sec--7 bac-sec__fw" id="faqsBlock"> <div class="bac-sec__carousel"> <h2 class="bac-sec__title">We answer your questions</h2> <h3 class="static-hero__heading bac-sec__title">Culers Premium</h3> <ul class="bac-sec__faqs"> <li class="bac-sec__faq"> <div class="bac-sec__faq-header"> <div>When can I enjoy discounts on football tickets?</div> <div class="bac-sec__faq-toggle"></div> </div> <div class="bac-sec__faq-body"> <p>With the Culers Premuum subscription, you have access to exclusive discounts on both male and female football matches. However, high-demand matches such as the Champions League, against Madrid and Atletico Madrid, may be excluded from certain discounts.</p> </div> </li> <li class="bac-sec__faq"> <div class="bac-sec__faq-header"> <div>Is early access available for tickets to all matches?</div> <div class="bac-sec__faq-toggle"></div> </div> <div class="bac-sec__faq-body"> <p>Early access allows the purchase of tickets for men's football matches before they go on sale to the general public (always after the presale to members).</p> </div> </li> <li class="bac-sec__faq"> <div class="bac-sec__faq-header"> <div>Does the subscription include any physical card?</div> <div class="bac-sec__faq-toggle"></div> </div> <div class="bac-sec__faq-body"> <p>No, the Culers Premium subscription is completely digital and does not include any physical card or ID. All you need is to access your online account to start enjoying the benefits and discounts.</p> </div> </li> <li class="bac-sec__faq"> <div class="bac-sec__faq-header"> <div>How can I cancel my subscription?</div> <div class="bac-sec__faq-toggle"></div> </div> <div class="bac-sec__faq-body"> <p>You will be able to modify or cancel your subscription in the “My Account” section of the website and app. The cancelation will be effective once the current billing period ends.</p> </div> </li> <li class="bac-sec__faq"> <div class="bac-sec__faq-header"> <div>How can I access the available discounts?</div> <div class="bac-sec__faq-toggle"></div> </div> <div class="bac-sec__faq-body"> <p>To access exclusive benefits and discount codes, simply log in to your account as a Culer Premium and visit the 'Benefits' section: <a href="https://www.fcbarcelona.com/en/culers/benefits" target="_blank">https://www.fcbarcelona.com/en/culers/benefits</a></p> </div> </li> </ul> </div> </section> </div> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="https://media.fcbarcelona.com/html/mono/js/master.min.js"></script> </div> <div class="static-content__flex-section"> </div> </div> </section> </div> </div> </div> </div> </main> </div> <div class="footer js-footer"> <div class="wrapper"> <div class="col-12"> <div class="footer__trophies"> <div class="footer-trophies"> <a href="/en/football/first-team/honours" class="footer-trophies__container"> <div class="footer-trophies__trophy footer-trophies__trophy--la-liga"> <div class="footer-trophies__background-pattern"></div> <div class="footer-trophies__trophy-text-background"></div> <div class="footer-trophies__trophy-descriptor footer-trophies__trophy-descriptor--la-liga"> <span class="footer-trophies__competition-name">La Liga</span> <svg class="footer-trophies__trophy-image"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#la-liga"></use></svg> <span class="footer-trophies__trophy-count">27</span> <span class="footer-trophies__competition-type">Titles</span> </div> </div> <div class="footer-trophies__trophy footer-trophies__trophy--champions-league"> <div class="footer-trophies__background-pattern"></div> <div class="footer-trophies__trophy-text-background"></div> <div class="footer-trophies__trophy-descriptor footer-trophies__trophy-descriptor--champions-league"> <span class="footer-trophies__competition-name">UEFA Champions League</span> <svg class="footer-trophies__trophy-image"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#champions-league"></use></svg> <span class="footer-trophies__trophy-count">5</span> <span class="footer-trophies__competition-type">Trophies</span> </div> </div> <div class="footer-trophies__trophy footer-trophies__trophy--club-world-cup"> <div class="footer-trophies__background-pattern"></div> <div class="footer-trophies__trophy-text-background"></div> <div class="footer-trophies__trophy-descriptor footer-trophies__trophy-descriptor--club-world-cup"> <span class="footer-trophies__competition-name">FIFA Club World Cup</span> <svg class="footer-trophies__trophy-image"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#club-world-cup"></use></svg> <span class="footer-trophies__trophy-count">3</span> <span class="footer-trophies__competition-type">Trophies</span> </div> </div> <div class="footer-trophies__trophy footer-trophies__trophy--copa-del-rey"> <div class="footer-trophies__background-pattern"></div> <div class="footer-trophies__trophy-text-background"></div> <div class="footer-trophies__trophy-descriptor footer-trophies__trophy-descriptor--copa-del-rey"> <span class="footer-trophies__competition-name">Copa Del Rey</span> <svg class="footer-trophies__trophy-image"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#copa-del-rey"></use></svg> <span class="footer-trophies__trophy-count">31</span> <span class="footer-trophies__competition-type">Trophies</span> </div> </div> </a> </div> </div> <div class="footer__core"> <div class="footer__centenary-image"></div> <div class="footer__sponsors"> <div class="footer-sponsors"> <div class="footer-sponsors__container"> <div class="footer-sponsors__main footer-sponsors__main--one-section"> <div class="footer-sponsors__title"><span>Main Partners</span></div> <div class="footer-sponsors__sponsors-container"> <div class="footer-sponsors__sponsor footer-sponsors__sponsor--nike" style="background-image:url(https://fcbarcelona-static-files.s3.amazonaws.com/sponsors/nike--white.svg)"> <a href="https://www.nike.com" title="Go visit Nike" target="_blank" > </a> </div> <div class="footer-sponsors__sponsor footer-sponsors__sponsor--spotify" style="background-image:url(https://fcbarcelona-static-files.s3.amazonaws.com/sponsors/spotify--white.svg)"> <a href="https://open.spotify.com/genre/0JQ5DAqbMKFzsCGvlWfxyX" title="Go visit Spotify" target="_blank" > </a> </div> <div class="footer-sponsors__sponsor footer-sponsors__sponsor--ambilight" style="background-image:url(https://fcbarcelona-static-files.s3.amazonaws.com/sponsors/ambilight--white.svg)"> <a href="https://www.philips.com/ambilight?1" title="Go visit Ambilight" target="_blank" > </a> </div> </div> </div> </div> <div class="footer-sponsors__link-wrapper"> <a href="https://www.fcbarcelona.com/en/club/sponsors" class="footer-sponsors__link button button--primary">View All Partners</a> </div> </div> </div> </div> <div class="footer__secondary"> <div class="footer__social"> <div class="social-accounts "> <div class="social-accounts__title">Follow FC Barcelona on social media</div> <ul class="social-accounts__list"> <li class="social-accounts__account-container"> <a href="https://es-es.facebook.com/fcbarcelona/" class="social-accounts__account social-accounts__account--facebook" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="facebook-follow"> <div class="social-accounts__content"> <span class="visually-hidden">facebook</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#facebook"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">@fcbarcelona</div> </div> </div> </a> </li> <li class="social-accounts__account-container"> <a href="https://twitter.com/FCBarcelona" class="social-accounts__account social-accounts__account--twitter" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="twitter-follow"> <div class="social-accounts__content"> <span class="visually-hidden">twitter</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#twitter"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">@fcbarcelona</div> </div> </div> </a> </li> <li class="social-accounts__account-container"> <a href="https://www.youtube.com/user/fcbarcelona" class="social-accounts__account social-accounts__account--youtube" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="youtube-follow"> <div class="social-accounts__content"> <span class="visually-hidden">youtube</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#youtube"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">Youtube</div> </div> </div> </a> </li> <li class="social-accounts__account-container"> <a href="https://www.instagram.com/fcbarcelona/" class="social-accounts__account social-accounts__account--instagram" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="instagram-follow"> <div class="social-accounts__content"> <span class="visually-hidden">instagram</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#instagram"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">@fcbarcelona</div> </div> </div> </a> </li> <li class="social-accounts__account-container"> <a href="https://www.tiktok.com/@fcbarcelona" class="social-accounts__account social-accounts__account--tiktok" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="tiktok-follow"> <div class="social-accounts__content"> <span class="visually-hidden">tiktok</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#tiktok"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">Tik Tok</div> </div> </div> </a> </li> <li class="social-accounts__account-container"> <a href="https://open.spotify.com/user/31gorrj76f2m3wczoifm6f6tbn3q?si=a20bf0c076684729&nd=1" class="social-accounts__account social-accounts__account--spotify" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="spotify-follow"> <div class="social-accounts__content"> <span class="visually-hidden">spotify</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#spotify"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">Spotify</div> </div> </div> </a> </li> <li class="social-accounts__account-container"> <a href="https://discord.com/invite/4NfNasN3UK" class="social-accounts__account social-accounts__account--discord" target="_blank" rel="noopener" data-analytics="true" data-analytics-type="social media" data-analytics-section="footer" data-analytics-event="discord-follow"> <div class="social-accounts__content"> <span class="visually-hidden">discord</span> <svg class="social-accounts__icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#discord"></use></svg> <div class="social-accounts__description"> <div class="social-accounts__content-name">FC Barcelona</div> <div class="social-accounts__content-handle">Discord</div> </div> </div> </a> </li> </ul> </div> </div> <div class="footer__sitemap"> <nav class="footer-sitemap" role="navigation"> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">Goalkeepers</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/11072/marc-andre-ter-stegen" class="footer-sitemap__nav-link">Marc-André ter Stegen</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/53621/ignacio-pena-sotorres" class="footer-sitemap__nav-link">Iñaki Peña</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/3543/wojciech-szczesny" class="footer-sitemap__nav-link">Wojciech Szczęsny</a> </li> </ul> </div> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">Defenders</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/129400/pau-cubarsi" class="footer-sitemap__nav-link">Pau Cubarsí</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/68906/alejandro-balde" class="footer-sitemap__nav-link">Alejandro Balde</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/66133/ronald-araujo" class="footer-sitemap__nav-link">Ronald Araujo</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/5815/inigo-martinez" class="footer-sitemap__nav-link">Iñigo Martinez</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/4495/andreas-christensen" class="footer-sitemap__nav-link">Andreas Christensen</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/15552/jules-kounde" class="footer-sitemap__nav-link">Jules Kounde</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/24635/eric-garcia" class="footer-sitemap__nav-link">Eric García</a> </li> </ul> </div> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">Midfielders</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/116719/pablo-martin-paez-gavira" class="footer-sitemap__nav-link">Gavi</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/70486/pedro-gonzalez" class="footer-sitemap__nav-link">Pedri</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/111497/pablo-torre" class="footer-sitemap__nav-link">Pablo Torre</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/118929/fermin-lopez" class="footer-sitemap__nav-link">Fermín López</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/117924/marc-casado" class="footer-sitemap__nav-link">Marc Casadó</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/16677/dani-olmo" class="footer-sitemap__nav-link">Dani Olmo</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/16291/frenkie-de-jong" class="footer-sitemap__nav-link">Frenkie de Jong</a> </li> </ul> </div> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">Forwards</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/43098/ferran-torres" class="footer-sitemap__nav-link">Ferran Torres</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/5109/robert-lewandowski" class="footer-sitemap__nav-link">Robert Lewandowski</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/66735/ansu-fati" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Ansu Fati</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/24156/raphael-dias-belloli" class="footer-sitemap__nav-link">Raphinha</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/108093/pau-victor" class="footer-sitemap__nav-link">Pau Víctor</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/football/first-team/players/129404/lamine-yamal-nasraoui-ebana" class="footer-sitemap__nav-link">Lamine Yamal</a> </li> </ul> </div> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">Barça Products</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/club/culers" class="footer-sitemap__nav-link">Culers Membership</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://one.fcbarcelona.com/en/" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Barça One</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/tv-apps-watch-barca-tv/" class="footer-sitemap__nav-link">TV Apps</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/tickets/things-to-do-in-barcelona" class="footer-sitemap__nav-link">Tickets & Museum</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://www.fcbarcelona.com/en/official-app" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Barça App</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://store.fcbarcelona.com" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Online store</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://support.fcbarcelona.com/faq/s/?language=en_US" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Support/FAQs</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://frmforms.fcbarcelona.com/digital-betatesters-eng" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Become Beta Tester</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://www.fcbarcelona.com/en/black-friday-barca?btm_source=WebBarca&btm_medium=Footer&btm_campaign=BlackFriday22_ORG_BRAND_GBL_WebBarca_IMG_WW_EN" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Black Friday</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://www.fcbarcelona.com/en/christmas-fcbarcelona?btm_source=WebBarca&btm_medium=Footer&btm_campaign=Xmas2223_ORG_BRAND_GBL_WebBarca_IMG_WW_EN" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Christmas Barça</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://www.fcbarcelona.com/en/culers/games" class="footer-sitemap__nav-link">Games Barça</a> </li> </ul> </div> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">Club</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/club/facilities/camp-nou" class="footer-sitemap__nav-link">Spotify Camp Nou</a> </li> <li class="footer-sitemap__nav-item "> <a href="https://canaletic.fcbarcelona.cat/frontpage?_ga=2.4865203.1815846544.1684243652-1848881419.1654033537&_gl=1*z6jzzn*_ga*MTg0ODg4MTQxOS4xNjU0MDMzNTM3*_ga_XCQ7B6K8TL*MTY4NDI0NzU0OC4zMzMuMC4xNjg0MjQ3NTQ4LjAuMC4w" class="footer-sitemap__nav-link" target="_blank" rel="noopener">Ethical Channel</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/club/identity/the-crest" class="footer-sitemap__nav-link">The Crest</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/club/identity/anthem" class="footer-sitemap__nav-link">Anthem</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/club/facilities/barca-store" class="footer-sitemap__nav-link">Work at the Barça Stores</a> </li> </ul> </div> <div class="footer-sitemap__group"> <h4 class="footer-sitemap__nav-title">History</h4> <ul class="footer-sitemap__nav-list"> <li class="footer-sitemap__nav-item "> <a href="/en/card/643923/2008-16-the-best-years-in-our-history" class="footer-sitemap__nav-link">2008-16. The best years in our history</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/card/643913/1988-1996-the-era-of-the-dream-team" class="footer-sitemap__nav-link">The era of the Dream Team</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/card/643900/1950-1961-the-kubala-era" class="footer-sitemap__nav-link">1950-1961. The Kubala era</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/card/643865/1899-1909-foundation-and-survival" class="footer-sitemap__nav-link">1899-1909. Foundation and survival</a> </li> <li class="footer-sitemap__nav-item "> <a href="/en/champions-league" class="footer-sitemap__nav-link">Barça in the Campions League</a> </li> </ul> </div> </nav> </div> <div class="footer__corporate"> <div class="footer-corporate-links"> <div class="footer-corporate-links__logo"> <svg class="icon " aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#fcbarcelona-with-name"></use> </svg> </div> <div class="footer-corporate-links__bottom-container"> <div class="footer-corporate-links__copyright"> <span>© Copyright FC Barcelona</span> Official website of FC Barcelona </div> <div class="footer-corporate-links__link-container"> <ul class="footer-corporate-links__group"> <li class="footer-corporate-links__item"> <a class="footer-corporate-links__item-link" href="/en/legal-notices">Legal Terms</a> </li> <li class="footer-corporate-links__item"> <a class="footer-corporate-links__item-link" href="/en/privacy-policy">Privacy Policy</a> </li> <li class="footer-corporate-links__item"> <a class="footer-corporate-links__item-link" href="/en/cookies">Cookies</a> </li> <li class="footer-corporate-links__item"> <a class="footer-corporate-links__item-link" href="/en/club/accessibility">Accessibility</a> </li> <li class="footer-corporate-links__item"> <a class="footer-corporate-links__item-link" href="/en/club/contact">Contact Us</a> </li> <li class="footer-corporate-links__item"> <a class="footer-corporate-links__item-link" href="https://support.fcbarcelona.com/faq/s/?language=en_US">Support/FAQs</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div data-script="fcb_article"></div> <div class="modal article-modal js-article-modal" data-widget="article-modal"> <div class="article-modal__viewport js-article-modal-viewport"> <div class="article-modal__content js-article-modal-content"></div> <div class="article-modal__close js-modal-close" role="button" tabindex="0"> <svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#close"></use></svg> <span class="article-modal__close-label">Close article</span> </div> <div class="loader article-modal__loader js-article-modal-loader"></div> <div class="article-modal__latest-container js-article-modal-latest"> <div class="u-main-gradient u-main-gradient--reverse branding-top-bar"> <div class="wrapper "> <div class="col-12"> <div class="related-content-list related-content-list--article"> <section class="widget widget--no-padding" data-script="fcb_content" data-widget="content-list" data-fetch="false" data-type="mixed-content" data-thumbnail-class="thumbnail--mobile-compact video-thumbnail--mobile-compact" data-additional-config=".js-content-data-attributes" data-hide-if-no-results="true"> <div class="widget__bg"></div> <div class="widget__content-wrapper"> <header class="widget__header"> <h3 class="widget__title">Related <span class="widget__title-regular">to this article</span></h3> </header> <div class="widget__body u-negative-wrapper"> <section class="uniform-grid" data-content-list> <div class="loader u-center"></div> </section> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> <div class="content-popup content-popup--article js-page-pop-up" data-widget="content-pop-up"> <div class="content-popup__close-container"> <button class="content-popup__close js-popup-close-btn"> <span class="u-screen-reader">Close</span> <svg class="icon"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.92.4-6583/i/svg-output/icn.svg#close"></use></svg> </button> </div> <div class="content-popup__container js-popup-container"> <div class="content-popup__photo js-popup-photo"></div> <div class="article content-popup__content article--no-news js-article-popup"> <header class="article__header content-popup__header"> <h2 class="article__title content-popup__title js-popup-title"></h2> </header> <div class="article__content js-popup-content"></div> </div> <div class="loader"></div> </div> </div> <script src="/resources/v2.92.4-6583/scripts/vendors.min.js"></script> <script src="/resources/v2.92.4-6583/scripts/main.min.js" defer></script> <script src="/resources/v2.92.4-6583/widgets/common.min.js" defer></script> <script type="text/javascript"> if ( "undefined" != typeof ANALYTICS_HELPER ) { ANALYTICS_HELPER.addEventListeners(); } </script> <div class="simple-embed js-simple-embed"> <script async src="https://sdk.fek.pulselive.com/fek-sdk-client-web/latest/client.min.js"></script> </div> <div class="simple-embed js-simple-embed"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <!-- <script> $(function () { var spotifyNode = $('.social-accounts__list').find('.social-accounts__account-container:first').clone(); spotifyNode .find('a') .attr('href', 'https://spoti.fi/fcbarcelona') .removeClass('social-accounts__account--facebook') .addClass('social-accounts__account--spotify') .attr('data-analytics-event', 'Spotify') .find('.visually-hidden') .text('Spotify') .end() .find('.social-accounts__content-name') .text('Spotify') .end() .find('.social-accounts__content-handle') .text('@spotify') .end() .find('.social-accounts__icon') .replaceWith('<img class="social-accounts__icon" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTY4IiBoZWlnaHQ9IjE2OCIgdmlld0JveD0iMCAwIDE2OCAxNjgiPgogIDxkZWZzPgogICAgPHBvbHlnb24gaWQ9InNwb3RpZnlfaWNvbl9yZ2JfYmxhY2stYSIgcG9pbnRzPSIwIDE2Ny45NCAxNjcuNDg3IDE2Ny45NCAxNjcuNDg3IC41MTMgMCAuNTEzIi8+CiAgPC9kZWZzPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8bWFzayBpZD0ic3BvdGlmeV9pY29uX3JnYl9ibGFjay1iIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjc3BvdGlmeV9pY29uX3JnYl9ibGFjay1hIi8+CiAgICA8L21hc2s+CiAgICA8cGF0aCBmaWxsPSIjMTkxNDE0IiBkPSJNMTMzLjI4LDc0Ljc1MyBDMTA2LjI4Niw1OC43MjIgNjEuNzYsNTcuMjQ4IDM1Ljk5MSw2NS4wNjkgQzMxLjg1Miw2Ni4zMjUgMjcuNDc2LDYzLjk4OCAyNi4yMjMsNTkuODUxIEMyNC45NjgsNTUuNzEgMjcuMzAyLDUxLjMzNyAzMS40NDMsNTAuMDc5IEM2MS4wMjUsNDEuMSAxMTAuMTk5LDQyLjgzNCAxNDEuMjc1LDYxLjI4MSBDMTQ0Ljk5OCw2My40OTEgMTQ2LjIxOCw2OC4yOTggMTQ0LjAxMiw3Mi4wMTQgQzE0MS44MDQsNzUuNzM2IDEzNi45OTMsNzYuOTYzIDEzMy4yOCw3NC43NTMgWiBNMTMyLjM5Niw5OC40OTcgQzEzMC41MDIsMTAxLjU3IDEyNi40ODQsMTAyLjUzNCAxMjMuNDE1LDEwMC42NDcgQzEwMC45MTEsODYuODEzIDY2LjU5Myw4Mi44MDYgMzkuOTY4LDkwLjg4OCBDMzYuNTE2LDkxLjkzMSAzMi44NjksODkuOTg1IDMxLjgyLDg2LjUzOCBDMzAuNzgsODMuMDg2IDMyLjcyNyw3OS40NDUgMzYuMTc0LDc4LjM5NiBDNjYuNTg5LDY5LjE2NiAxMDQuNCw3My42MzYgMTMwLjI0OCw4OS41MjEgQzEzMy4zMTcsOTEuNDExIDEzNC4yODMsOTUuNDMxIDEzMi4zOTYsOTguNDk3IFogTTEyMi4xNDksMTIxLjMgQzEyMC42NDQsMTIzLjc2OCAxMTcuNDMxLDEyNC41NDEgMTE0Ljk3MiwxMjMuMDM3IEM5NS4zMDcsMTExLjAxOCA3MC41NTUsMTA4LjMwNCA0MS40MDUsMTE0Ljk2MiBDMzguNTk2LDExNS42MDYgMzUuNzk2LDExMy44NDYgMzUuMTU2LDExMS4wMzggQzM0LjUxMiwxMDguMjI5IDM2LjI2NiwxMDUuNDI5IDM5LjA4MSwxMDQuNzg4IEM3MC45ODEsOTcuNDk2IDk4LjM0NCwxMDAuNjM0IDEyMC40MTcsMTE0LjEyMiBDMTIyLjg3OCwxMTUuNjI1IDEyMy42NTMsMTE4Ljg0IDEyMi4xNDksMTIxLjMgWiBNODMuNzQzLDAuNTEzIEMzNy40OTQsMC41MTMgMCwzOC4wMDYgMCw4NC4yNTUgQzAsMTMwLjUwOSAzNy40OTQsMTY4IDgzLjc0MywxNjggQzEyOS45OTQsMTY4IDE2Ny40ODcsMTMwLjUwOSAxNjcuNDg3LDg0LjI1NSBDMTY3LjQ4NywzOC4wMDYgMTI5Ljk5NCwwLjUxMyA4My43NDMsMC41MTMgTDgzLjc0MywwLjUxMyBaIiBtYXNrPSJ1cmwoI3Nwb3RpZnlfaWNvbl9yZ2JfYmxhY2stYikiLz4KICA8L2c+Cjwvc3ZnPgo=" />'); $('.social-accounts__list').append(spotifyNode); }); </script> <style> .social-accounts__account--spotify:after {background:#00d365;} .social-accounts__account--spotify .social-accounts__content-handle, .social-accounts__account--spotify .social-accounts__content-name {color: #191414;} .social-accounts__account-container:nth-child(1) {order:1;} .social-accounts__account-container:nth-child(2) {order:2;} .social-accounts__account-container:nth-child(3) {order:4;} .social-accounts__account-container:nth-child(4) {order:5;} .social-accounts__account-container:nth-child(5) {order:6;} .social-accounts__account-container:nth-child(6) {order:7;} .social-accounts__account-container:nth-child(7) {order:3;} </style> --> </div> <div class="simple-embed js-simple-embed"> </div> <div class="simple-embed js-simple-embed"> <script> { let sponsorsConf = [{ path1: ['football', 'futbol'], path2: ['barca-b', 'barca-atletic', 'barca-youth', 'barca-academy', 'mens-academy', 'formatiu-masculi', 'formativo-masculino', 'formation', 'womens-youth', 'formativo-femenino', 'formatiu-femeni', 'fc-barcelona-u19a', 'juvenil-a', 'juvenil-a', 'u19a', 'fcbarcelona-u19a', 'fc-barcelona-u19b', 'juvenil-b', 'juvenil-b', 'u19b'], remove: ['spotify', 'ambilight'] }, { path1: ['tickets', 'entrades', 'entradas', 'billets'], path2: ['basketball', 'basquet', 'baloncesto'], remove: ['spotify', 'ambilight'], add: [` <div class="footer-sponsors__sponsor footer-sponsors__sponsor--assistència-sanitària"> <a href="https://www.asc.es" title="Assistència Sanitària" target="_self" > <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/resources/v2.84.1-5817/i/svg-output/partners.svg#asistencia--white"></use></svg> </a> </div> `] }]; let pagePath = window.location.pathname.split('/').slice(2, 4); sponsorsConf.forEach(conf => { if (conf.path1.includes(pagePath[0]) && conf.path2.includes(pagePath[1])) { conf.remove.forEach(node => document.querySelector(`.footer-sponsors__sponsor--${node}`).remove()); conf.add.forEach(node => document.querySelector('.footer-sponsors__sponsors-container').innerHTML += node); } }); } </script> </div> <div class="simple-embed js-simple-embed"> <script> { const newBtnLiteral = { ca: 'Veure Plans', es: 'Ver Planes', en: 'View Plans', fr: 'Voir Plans', ja: '計画を見る' } let docLang = PULSE.I18N.language; if (!newBtnLiteral[docLang]) docLang = 'en'; document.querySelectorAll('.user-options__button.js-register').forEach(n => n.innerHTML = n.querySelector('svg').outerHTML + newBtnLiteral[docLang]); } </script> </div> <div class="simple-embed js-simple-embed"> <style> .user-options__button, .user-options__upgrade, .user-options__account-text {color:#fff;text-decoration:none;} </style> <script> { const loginObserver = new MutationObserver((mutationList, observer) => { if (mutationList.some(m => m.target.dataset.initialised)) { observer.disconnect(); const destURL = { ca: 'https://www.fcbarcelona.cat/ca/culers', en: 'https://www.fcbarcelona.com/en/culers', es: 'https://www.fcbarcelona.es/es/culers' } let docLang = PULSE.I18N.language; if (!destURL[docLang]) docLang = 'en'; [...document.querySelectorAll('button.user-options__upgrade'), ...document.querySelectorAll('button.user-options__button.js-register'), ...document.querySelectorAll('span.user-options__name-holder--upgrade')].forEach(btn => { let newNode = document.createElement('a'); newNode.setAttribute('class', btn.getAttribute('class')); newNode.dataset.analyticsType = btn.dataset.analyticsType; newNode.dataset.analyticsSection = btn.dataset.analyticsSection; newNode.dataset.analyticsEvent = btn.dataset.analyticsEvent; newNode.href = destURL[docLang]; newNode.innerHTML = btn.innerHTML; newNode.addEventListener('click', (e) => ANALYTICS_HELPER.eventosDTM(e.currentTarget.dataset.analyticsType, e.currentTarget.dataset.analyticsSection, e.currentTarget.dataset.analyticsEvent)); btn.after(newNode); btn.remove(); }) } }); loginObserver.observe(document.querySelector('.user-options'), {attributes: true}); } </script> </div> <div class="simple-embed js-simple-embed"> <style> .user-options__membership-icon--premium {display:none !important;margin-right:-.5rem !important;position:relative;} .user-options__name-holder--premium-benefits {display:none !important;} .user-options.is-premium .user-options__membership-icon--premium {display:block !important;} html.logged-in--premium #mobile-nav .user-options.is-premium .user-options__name-holder--premium-benefits {display:flex !important;margin-right:-.5rem !important;padding-bottom:.3rem !important;} html.logged-in--premium .user-options.is-premium .user-options__membership-icon--premium .user-options__upgrade, html.logged-in--premium #mobile-nav .user-options.is-premium .user-options__name-holder--premium-benefits .user-options__upgrade {display:inline-block !important;} html.logged-in--premium #mobile-nav .user-options.is-premium span.user-options__name-holder {display:none !important;} html.logged-in--premium #mobile-nav .user-options.is-premium .user-options__name-holder--premium-benefits {text-decoration:none;} .user-options__tooltip {position:absolute;left:50%;transform:translate(-50%, 8px);top:100%;color:#fff;background:#cd122d;border-radius:8px;padding:8px 18px 10px;font-family:fcb-regular,Arial,Helvetica Neue,Helvetica,sans-serif;width:200px;text-align:center;line-height:1.2;} .user-options__tooltip:before {content:'';position:absolute;top:0;left:50%;transform:translate(-50%, -100%);border:12px solid transparent;border-bottom-color:#cd122d;pointer-events:none;} .user-options__tooltip-close {color:#fff;font-family:fcb-extra-bold,Arial,Helvetica Neue,Helvetica,sans-serif;text-decoration:none;position:absolute;right:2px;top:-4px;font-size:22px;line-height:1;} @media (max-width:1025px) { .user-options__tooltip {display:none !important;} } </style> <script> { const premiumText = { 'en': 'My Discounts', 'es': 'Mis Descuentos', 'ca': 'Els meus descomptes' }; const premiumTextMob = { 'en': 'My Discounts', 'es': 'Mis Descuentos', 'ca': 'Els meus descomptes' }; const premiumURL = { 'en': 'https://www.fcbarcelona.com/en/culers/benefits', 'es': 'https://www.fcbarcelona.es/es/culers/beneficios', 'ca': 'https://www.fcbarcelona.cat/ca/culers/beneficis' }; const tooltipText = { 'en': 'Discover all your Premium advantages here!', 'es': '¡Consulta tus descuentos Premium aquí!', 'ca': 'Consulta els teus descomptes Premium aquí!' }; let docLang = PULSE.I18N.language; if (!premiumText[docLang]) docLang = 'en'; let newNode = document.createElement('div'); newNode.classList.add('user-options__membership-icon', 'user-options__membership-icon--premium', 'u-hide-tablet'); newNode.innerHTML = ` <a class="user-options__upgrade js-barca-tv-subscribe" href="${premiumURL[docLang]}"> ${premiumText[docLang]} </a> ${!sessionStorage.getItem('hidePremiumTooltip') ? ` <div class="user-options__tooltip"> ${tooltipText[docLang]} <a class="user-options__tooltip-close" href="#">×</a> </div> `: ''} `; newNode.querySelector('.user-options__upgrade').addEventListener('click', e => { e.stopPropagation(); e.stopImmediatePropagation(); }); document.querySelector('#nav .user-options__membership-icon').after(newNode); document.querySelector('.user-options__tooltip')?.addEventListener('click', e => { sessionStorage.setItem('hidePremiumTooltip', true); document.querySelector('.user-options__tooltip').remove(); }); let newNodeMob = document.createElement('a'); newNodeMob.classList.add('user-options__name-holder', 'user-options__name-holder--upgrade', 'js-barca-tv-subscribe', 'user-options__name-holder', 'user-options__name-holder--premium', 'user-options__name-holder--premium-benefits'); newNodeMob.setAttribute('href', premiumURL[docLang]); newNodeMob.innerHTML = ` <span class="user-options__account-text user-options__account-text--mobile js-account-text-mobile">${document.querySelector('.user-options__account-text--mobile').innerText}</span> <span class="user-options__upgrade u-show-tablet">${premiumTextMob[docLang]}</span> `; newNodeMob.addEventListener('click', e => { e.stopPropagation(); e.stopImmediatePropagation(); }); document.querySelector('#mobile-nav .user-options__account span.user-options__name-holder').after(newNodeMob); } </script> </div> <div class="simple-embed js-simple-embed"> <script async="async" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> </div> <div class="simple-embed js-simple-embed"> <script> window.googletag = window.googletag || {cmd: []}; </script> <div id="div-gpt-ad-1690285109785-0"> <script> if (!window.jQuery) { var newScript = document.createElement('script'); newScript.src = 'https://code.jquery.com/jquery-3.4.1.min.js'; document.body.appendChild(newScript); }; function activateInters() { if (window.jQuery && ($('.user-options').is('.logged-in') || $('.user-options').is('.logged-out'))) { var userKind = 'free'; if ($('.user-options').is('.is-premium')) userKind = 'premium' else if ($('.user-options').is('.logged-in')) userKind = 'fan'; googletag.cmd.push(function() { googletag.defineOutOfPageSlot('/53955289/03_EN-00_CULERS_interstitial', 'div-gpt-ad-1690285109785-0').setTargeting('usuari', [userKind]).addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); googletag.display('div-gpt-ad-1690285109785-0); }); } else { window.setTimeout(activateInters, 500); } }; activateInters(); </script> </div> <style>#overlay_form {position: fixed;}</style> </div> <div class="simple-embed js-simple-embed"> <script> window.googletag = window.googletag || {cmd: []}; </script> <div id="div-gpt-ad-1690285109785-0"> <script> if (!window.jQuery) { var newScript = document.createElement('script'); newScript.src = 'https://code.jquery.com/jquery-3.4.1.min.js'; document.body.appendChild(newScript); }; function activateInters() { if (window.jQuery && ($('.user-options').is('.logged-in') || $('.user-options').is('.logged-out'))) { var userKind = 'free'; if ($('.user-options').is('.is-premium')) userKind = 'premium' else if ($('.user-options').is('.logged-in')) userKind = 'fan'; googletag.cmd.push(function() { googletag.defineOutOfPageSlot('/53955289/03_EN-00_CULERS_interstitial', 'div-gpt-ad-1690285109785-0').setTargeting('usuari', [userKind]).addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); googletag.display('div-gpt-ad-1690285109785-0'); }); } else { window.setTimeout(activateInters, 500); } }; activateInters(); </script> </div> <style>#overlay_form {position: fixed;}</style> </div> <div class="simple-embed js-simple-embed"> <script> { const anEvents = [{ mq: '.card--culers', cat: 'culers', act: 'clic boto', ev: 'fes-te culer' }, { mq: '.card--vipculerssocis', cat: 'culers', act: 'clic boto', ev: 'fes-te culer premium' }, { mq: '.card--vipculerspremium', cat: 'culers', act: 'clic boto', ev: 'fes-te soci' }]; anEvents.forEach(ev => { const node = document.querySelector(ev.mq); if (node) node .addEventListener('click', () => { ANALYTICS_HELPER.eventosDTM(ev.cat, ev.act,ev.ev); }); }); } </script> </div> <div class="simple-embed js-simple-embed"> <style> .section-nav-container {display:block !important;position:static;background:linear-gradient(90deg,#cd122d 0,#154284);} .section-navigation {justify-content:center;} .section-navigation__text-container, .section-navigation-dropdown {background:transparent;border:none;flex-grow:0;} .section-navigation__text-container *, .section-navigation-dropdown > * {color:#fff !important;} .section-navigation-dropdown__more .icon {fill:#fff;} .section-navigation-dropdown__options {border-bottom-color:#fdc52c;z-index:41;} .section-navigation__text-container:hover:after {background-color:#fff;height:.4rem;} .section-navigation__text-container--active:after {background-color:#fdc52c;height:.4rem;} </style> <script> $(function () { $('#main').prepend($('.section-nav-container')); }); </script> </div> <div class="simple-embed js-simple-embed"> <script> { const urlParams = new URLSearchParams(window.location.search); if (urlParams.get('pr')) { document.querySelector('html').classList.remove('logged-in--premium'); document.querySelector('#main').classList.add('main--pr'); } } </script> <style> .main--pr .bac-head, .main--pr .card-basic,.main--pr .card--vipculerspremium, .main--pr .detail-wrapper__detail-single--culers,.main--pr .detail-wrapper__detail-single--vipculerspremium, .main--pr .entradas-cards__nav, .main--pr .ribbon__sheer, .main--pr .static-hero__heading.bac-sec__title, .main--pr .static-hero, .main--pr .section-nav-container {display:none !important;} .main--pr .card, .main--pr .detail-wrapper__detail-single, .main--pr .cards-wrapper, .main--pr .product-detail__detail-wrapper {min-width:100%;width:100%;box-shadow:none;margin-left:0;margin-right:0;} .main--pr .entradas-cards {max-width:900px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;overflow:visible;} .main--pr .static-wrapper {margin-top:0;} .main--pr .bac-sec__faq-header {padding:12px 0;font-size:18px;} .main--pr .bac-sec__faq-toggle {min-width:24px;max-width:24px;height:24px;} .main--pr .bac-sec__faq-body {font-size:14px;} @media (min-width:768px) { .main--pr .entradas-cards {display:flex;flex-direction:row;align-items:stretch;} .main--pr .cards-wrapper, .main--pr .product-detail__detail-wrapper {width:50%;min-width:50%;max-width:50%;max-height:none !important;} .main--pr .product-detail__detail-wrapper {order:-1;} .main--pr .slick-slider:before, .main--pr .recommended .card-image {border-radius:0 8px 0 0;aspect-ratio:12/3;} .main--pr .detail-wrapper__detail-single--vipculerssocis {border-top:8px solid #8c734b;border-radius:8px 0 0 8px;display:flex !important;flex-direction:column;justify-content:center;min-height:400px;} .main--pr .card--vipculerssocis {border-radius:0 0 8px;overflow:hidden;} .main--pr .product-detail__detail-wrapper .detail-wrapper__detail-single .detail-single__detail-item .detail-item__item-text {font-size:16px;line-height:1.4;} .main--pr .card .button-buy {font-size:18px;} .main--pr .main-info-wrapper {flex-grow:0;} .main--pr .price-buy-wrapper {margin-top:0;} .main--pr .card-info {justify-content:flex-start;} } </style> </div> <div class="simple-embed js-simple-embed"> <style> .card .button-mask {min-width:100%;} </style> </div> <!--[if IE]> --> <script type="text/javascript">svg4everybody({polyfill: true});</script> <!-- <![endif]--> </body> </html>