/*Fonts*/
@font-face {
    font-family: 'FCBARCELONA-Regular';
    src: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.eot');
    /* IE9 Compat Modes */
    src: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.woff') format('woff'),
        /* Modern Browsers */
        url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FCBARCELONA-Bold';
    src: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.eot');
    /* IE9 Compat Modes */
    src: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.woff') format('woff'),
        /* Modern Browsers */
        url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}

:root {
    /*Fuente cliente*/
    --theme-font-family: "FCBARCELONA-Regular", -apple-system, system-ui, sans-serif;
    /*Text*/
    --theme-text-2: #313947;
    --theme-text-1: #313947;
    /*// http://mcg.mbitson.com //*/
    /*NAVBAR COLORS*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #181733;
    /*Color Primary*/
    --theme-primary-50: #E8EAEF;
    --theme-primary-100: #C6CBD8;
    --theme-primary-200: #A0A8BE;
    --theme-primary-300: #7985A4;
    --theme-primary-400: #5D6B91;
    --theme-primary-500: #40517D;
    --theme-primary-600: #3A4A75;
    --theme-primary-700: #32406A;
    --theme-primary-800: #2A3760;
    --theme-primary-900: #1C274D;
    --theme-primary-A100: #8EA5FF;
    --theme-primary-A200: #5B7CFF;
    --theme-primary-A400: #2853FF;
    --theme-primary-A700: #0E3FFF;

}

/*Bold fonts*/
.title,
.ob-catalog-card .min-price-label,
.footer-links,
strong,
.section-header span,
.custom-header-label,
.price,
.ob-price,
.mat-mdc-unelevated-button span,
.session-picker-bottom-container .session-picker-bottom-title,
ob-card.ob-selection-card>.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title,
.month-year, [data-testid="content-card-title"], .ob-title, .ob-session-picker.ob-session-calendar-title, .ob-session-picker .ob-session-hours-title, .ob-session-price, .ob-session-picker-title-container .ob-session-picker-title, [data-testid="content-card-date-box"] .ob-month-day {
    font-family: "FCBARCELONA-Bold" !important;
}

/*X Gradients*/
.section-header mat-icon {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 31" enable-background="new 0 0 18 31" xml:space="preserve"><g id="shape"><linearGradient id="Vector_00000130637085242987013640000003874177603483616170_" gradientUnits="userSpaceOnUse" x1="9" y1="32.5087" x2="9" y2="14.7017"><stop offset="0" style="stop-color:%23333B6F"/><stop offset="1" style="stop-color:%236F3966"/></linearGradient><path id="Vector" fill="url(%23Vector_00000130637085242987013640000003874177603483616170_)" d="M0.25,28.77c-0.3,0.34-0.3,0.78-0.13,1.08c0.17,0.3,0.52,0.47,0.99,0.47h5.13c1.42,0,1.98-0.34,2.37-0.78c0.17-0.17,0.3-0.34,0.47-0.56L18,15.16H9.47L0.25,28.77z"/><linearGradient id="Vector_2_00000097500822998316606730000003492790756729718718_" gradientUnits="userSpaceOnUse" x1="9.0184" y1="15.5056" x2="9.0184" y2="-2.4569"><stop offset="0" style="stop-color:%236F3965"/><stop offset="1" style="stop-color:%23C51632"/></linearGradient><path id="Vector_2" fill="url(%23Vector_2_00000097500822998316606730000003492790756729718718_)" d="M8.61,1.97C8.05,1.28,7.74,0.67,5.8,0.67H1.15c-0.3,0-0.6,0.09-0.78,0.26c-0.39,0.3-0.47,0.82-0.09,1.29l9.22,12.93H18L8.61,1.97C8.61,2.01,8.61,1.97,8.61,1.97z"/></g></svg>');
}

.section-header svg {
    display: none;
}

/*Navbar*/
mat-toolbar.mat-toolbar.ob-top-bar.mat-toolbar-single-row {
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

mat-toolbar.mat-toolbar.ob-top-bar.flex.justify-between.mat-toolbar-single-row {
    background-color: #000;
}

/*BUTTONS*/
/*Button shooping car disabled*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
    color: #b1b1b161;
}

/*buttons primary*/
ob-button>.mat-mdc-icon-button.flat.mat-primary:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button {
    background: #fcc52c !important;
    color: #252309 !important;
    text-transform: uppercase;
}

ob-button>.mat-mdc-icon-button.flat.mat-primary:hover:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button:hover {
    background: #dc3545 !important;
    color: #fff !important;
    text-transform: uppercase;
}

.mat-mdc-outlined-button:not(:disabled),
ob-button>.mat-mdc-icon-button.stroked.light:not(:disabled) {
    background: #fff;
}

/*disabled and unelevated buttons*/
.mdc-card.ob-catalog-item-card.disabled .mat-mdc-unelevated-button[disabled],
.mdc-card.ob-catalog-item-card.disabled .mat-mdc-unelevated-button.mat-mdc-button-disabled {
    background: #f1f1f1 !important;
    color: var(--theme-body-1-font) !important;
}

/*disable button*/
button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-base.ng-star-inserted.mat-mdc-button-disabled {
    opacity: .5;
}

/*cambia color interaccion de sesiones*/
.page-menu-content li a.active,
.page-menu-content li a:hover {
    border-bottom: 4px solid #fcc52c !important;
}

/*cambiar color del boton mas info*/
.page-header-content .mat-mdc-outlined-button:not(:disabled) {
    background: transparent !important;
}

.page-header-blur span.mdc-button__label,
.page-header-blur button.mdc-button.mdc-button--outlined .mat-icon {
    color: #fff;
}

/*cambiar color del boton mas info hover*/
.page-header-content .mat-mdc-outlined-button:hover {
    background: #ffffff59 !important;
}

/*calendar hover*/
.ob-date-range-picker .mat-calendar-body-cell-container .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: var(--theme-primary-50);
    border-color: #47A8C8;
}

.ob-calendar .mat-calendar-body-cell-container .mat-calendar-body-cell.high-availability:hover .mat-calendar-body-cell-content {
    background-color: var(--theme-primary-50);
    border-color: #47A8C8;
}

.time-card.high-availability .time-card-content:hover {
    background-color: var(--theme-primary-50);
    border-color: #47A8C8;
}

.ob-calendar .mat-calendar-body-cell-container .mat-calendar-body-cell .mat-calendar-body-selected {
    border: #47A8C8 solid 1px;
}

/*FOOTER*/
.sponsors {
    padding: 2rem 0;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsors img {
    width: 120px;
    margin: 0 2rem;
}

img.bimbo {
    width: 10rem !important;
}

/*Eliminar texto modal "Ir a la pagina del evento"*/
.flex.justify-center.items-center.event-link-container {
    display: none;
}

/*Hide payment methods on checkout*/
ob-page-checkout .section.payment-methods {
    display: none;
}

/*Hide delivery-methods on checkout*/
ob-page-checkout .section.delivery-methods {
    display: none;
}

/*MOBILE*/
@media only screen and (max-width: 40.063em) {

    /*cambia sticky price en mobile*/
    .expansion-footer {
        background: #181733 !important;
    }

    ob-select-expandable-summary .expansion-header {
        background: #181733 !important;
    }

    .expansion-header span,
    .expansion-header .mat-icon {
        color: #fff;
    }

    .empty-footer {
        background-color: #181733 !important;
        border: none !important;
    }

    .empty-footer .quantity,
    .empty-footer .mat-icon,
    .empty-footer .total {
        color: #fff !important;
    }

    .checkout-expandable-summary-container {
        background: #fff !important;
    }

    /*Footer*/
    app-channel-footer .channel-footer {
        display: none;
    }

    /*Wheelchair icon mobile*/
    mat-icon.mat-icon.ob-info-icon {
        color: transparent;
    }

    mat-icon.mat-icon.ob-info-icon {
        background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/icons/wheelchair.svg');
        background-size: 24px;
        width: 24px;
        height: 24px;
        content: "";
    }

  /*----------------------------------------------------------------------
       CUSTOM BUTTONS / OUTLINED BUTTON STYLES
       ----------------------------------------------------------------------*/

    /*Text color override for the language selector button inside the side navigation panel*/
    mat-sidenav ob-button>.mat-mdc-outlined-button {
        color: #181733 !important;
    }

    /*Fixes a footer layout issue in the cart summary on mobile view*/
    ob-graphic-selection-tabs.summary,
    ob-select-expandable-summary.expandable-cart {
        background-color: #181733 !important;
    }

    /*Fixes visual issue in the new empty cart state:
   - Forces dark background for the header
   - Ensures text remains readable with white color*/
    ob-select-graphic-empty-bottom-bar .header {
        background-color: #181733 !important;
        color: #FFF !important;
    }

    :root {
        /*Obfooter: logo filter*/
        --ob-custom-logo-filter: brightness(20);
    }

    /*FIX: Mobile display issues for the Expandable Summary component*/

    /*Top padding in the footer of the expandable summary*/
    ob-select-expandable-summary .expansion-footer {
        padding-top: var(--ob-spacing-1);
    }

    /*Bottom padding in the header of the expandable summary*/
    ob-select-expandable-summary.flex.flex-col.expandable-cart {
        background: #181733 !important;
    }

    /*Set background color in the expandable summary header*/
    mat-expansion-panel.mat-expansion-panel.ob-expandable-info-expansion-panel.expandable-summary {
        border-radius: 0;
    }

    /*Bottom padding below the fees text*/
    ob-cart-summary-session-fees.ob-card-spacer {
        padding-bottom: 8px;
    }

    /*END FIX: Mobile display issues for the Expandable Summary component*/
}

/*Force powered by fever*/
.fever-logo {
    display: block !important;
}

.onebox-logo {
    display: none
}

/*Force bg color module faqs*/
ob-faqs-dialog mat-dialog-content.mat-mdc-dialog-content.mdc-dialog__content {
    background-color: #dbe3ec;
}

/*Hide charges on tooltip*/
ob-venue-tooltip .ob-charges {
    display: none;
}

/*Hide Price zone on tooltip*/
ob-venue-tooltip .ob-tooltip ob-pricezone-box {
    display: none;
}

/*GET READY - PAYMENT SUCCESS*/
.barcelona-recommendations {
    text-align: center;
}

.barcelona-recommendations .recommendation-icon {
    width: 65px;
    height: 65px;
}

.barcelona-recommendations .recommendation {
    padding: 16px;
    width: 33.33%;
    text-align: center;
}

.barcelona-recommendations .recommendation:not(:last-child) {
    border-right: 1px solid lightgray;
}

@media only screen and (max-width: 600px) {
    .barcelona-recommendations .recommendation-icon {
        width: 65px;
        height: 65px;
    }

    .barcelona-recommendations .recommendations {
        flex-direction: column;
        text-align: center;
    }

    .barcelona-recommendations .recommendation {
        width: 100%;
    }

    .barcelona-recommendations .recommendation:not(:last-child) {
        border-right: 0;
    }
}

/* BANNER */
.typ-banner-container .typ-banner {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 1.5rem;
}

/*GET THERE - PAYMENT SUCCESS*/
.fcb-map {
    width: 95%;
    margin: auto;
    height: 600px;
}

.map-box {
    height: 600px;
}

.map-info {
    width: 33.33%;
    position: relative;
    margin-left: 20px;
    z-index: 1;
    top: -570px;
    background-color: white;
    padding: 16px;
    border: 1px solid #e9ecef;
    border-radius: .25rem;
    box-shadow: 0 0 5px #00000026;
}

.map-detail {
    padding: 0 1rem 1rem 1rem;
}

.map-detail:not(:first-child) {
    padding: 1rem;
    border-top: 1px solid lightgray;
}

.description, .ob-description {
    font-size: 13px;
}

@media only screen and (max-width: 600px) {
    .fcb-map {
        position: initial;
        height: 100%;
    }

    .map-box {
        height: auto;
    }

    .map-info {
        position: initial;
        width: 90%;
        margin: 16px auto;
    }
}

/* APP */
.fcb-official-app {
    width: fit-content;
    margin: auto;
    margin-top: 1.5rem;
    padding-left: 15px;
}

.fcb-official-app .fcb-img {
    width: 65px;
    height: 65px;
}

.fcb-official-app .app-info {
    margin-left: 20px;
}

.fcb-offical-app .app-info h3 {
    font-size: 0.875rem;
    font-family: Arial, Helvetica, sans-serif, Sans-Serif;
    padding: 0;
    color: #181733;
    margin: 0;
}

.fcb-offical-app .app-info p {
    font-size: 0.875rem;
    font-family: Arial, Helvetica, sans-serif, Sans-Serif;
    padding: 0;
    color: #181733;
    margin: 8px 0;
}

.fcb-offical-app .app-info a {
    text-decoration: none !important;
    margin-right: 10px;
}

.app-link {
    height: 30px;
    width: auto;
}

/* APP */
.fcb-official-app {
    width: fit-content;
    margin: auto;
    margin-top: 1.5rem;
    padding-left: 15px;
}

.fcb-official-app .fcb-img {
    width: 65px;
    height: 65px;
}

.fcb-official-app .app-info {
    margin-left: 20px;
}

.fcb-offical-app .app-info h3 {
    font-size: 0.875rem;
    font-family: Arial, Helvetica, sans-serif, Sans-Serif;
    padding: 0;
    color: #181733;
    margin: 0;
}

.fcb-offical-app .app-info p {
    font-size: 0.875rem;
    font-family: Arial, Helvetica, sans-serif, Sans-Serif;
    padding: 0;
    color: #181733;
    margin: 8px 0;
}

.fcb-offical-app .app-info a {
    text-decoration: none !important;
    margin-right: 10px;
}

.app-link {
    height: 30px;
    width: auto;
}

/*Remove the link logo - header*/
.link-logo>a {
    pointer-events: none;
    cursor: default;
}

/*Fix problem size module "Què inclou?"*/
ob-page-select-locations ob-context-expandable-message {
    bottom: 5rem !important;
}

/*Fix problem position module "Què inclou?"  on mobile*/
@media only screen and (max-width: 40.063em) {
    ob-page-select-locations ob-context-expandable-message {
        top: 1rem !important;
        right: 0 !important;
        max-width: 75% !important;
        max-height: fit-content;
    }
}

/* Force powered by fever below the pay button*/
ob-page-checkout mat-card-content.mat-mdc-card-content::after {
    content: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fever/powered-by-fever.svg');
    margin: 0.5rem 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0.5;
}

ob-page-checkout ob-payment-button.section::after {
    content: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fever/powered-by-fever.svg');
    margin: 0.5rem 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0.5;
}

/*Force event header color desktop*/
.page-header .page-header-blur {
    display: flex;
    justify-content: center;
    background: #000000;
}

/* Force event header color mobile*/
.small-container[_ngcontent-ng-c2870568639] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--ob-spacing-0_5);
    gap: var(--ob-spacing-0_5);
    width: 100%;
    background: #000;
}

/* hidde event arrow*/
ob-event-header#event-header .go-back-button,
.page-header-blur .go-back-button {
    display: none;
}

/* Change background LALIGA*/
.event_58025 .hidden-viewer:not(:has(ob-image-gallery)) {
    background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/mens-football-vip-premium-spotify-camp-nou/assets/imatge-portada.jpg');
    background-size: cover;
    transition: background 0.2s ease;
}

/* Change background image mobile for specific event*/
@media only screen and (max-width: 40.063em) {
    .event_58025 .hidden-viewer:not(:has(ob-image-gallery))  {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/mens-football-vip-premium-spotify-camp-nou/assets/imatge-portada.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* Change background LALIGA*/
.event_58356 .hidden-viewer:not(:has(ob-image-gallery)) {
    background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/mens-football-vip-premium-spotify-camp-nou/assets/imatge-portada.jpg');
    background-size: cover;
    transition: background 0.2s ease;
}

/* Change background image mobile for specific event*/
@media only screen and (max-width: 40.063em) {
    .event_58356 .hidden-viewer:not(:has(ob-image-gallery))  {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/mens-football-vip-premium-spotify-camp-nou/assets/imatge-portada.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* Change background LALIGA*/
.event_59558 .hidden-viewer:not(:has(ob-image-gallery)) {
    background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/mens-football-vip-premium-spotify-camp-nou/assets/imatge-portada.jpg');
    background-size: cover;
    transition: background 0.2s ease;
}
/* Change background image mobile for specific event*/
@media only screen and (max-width: 40.063em) {
    .event_59558 .hidden-viewer:not(:has(ob-image-gallery))  {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/mens-football-vip-premium-spotify-camp-nou/assets/imatge-portada.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/*Integrate the wheelchair icon into the 'more info' button in the page header blur*/
ob-page-select-locations .page-header-blur button.mdc-button.mdc-button--outlined mat-icon.mat-icon {
    display: none;
}

ob-page-select-locations .page-header-blur button.mdc-button.mdc-button--outlined .mdc-button__label::after {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/icons/wheelchair.svg');
    background-size: 24px;
    width: 24px;
    height: 24px;
    content: "";
    margin-left: 6px;
}

ob-page-select-locations .page-header-blur span.mdc-button__label {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Integrate the wheelchair icon into the 'more info' button in the page header blur*END*/

/* ocultar el boton de centrar vista */
button.ob-zoom-button:nth-of-type(3) {
    display: none;
}

/*Ocultar zonas VIP*/
#view-item-279465 {
    display: none;
    /* PZ */
}

/*display expanded pack info in summary*/
.ob-pack-summary-info-panel {
    height: auto !important;
}

/*Hide product icon in TYP*/
.product-card-icon {
    display: none !important;
}

/*Hide icon trash in card summary*/
mat-card.mat-mdc-card.mdc-card.ob-cart-summary-card ob-button.xsmall.sumary-product-item-delete-icon {
    display: none !important;
}

/*Ocultar recargos productos adicionales (card)*/
.surcharges {
    display: none;
}

/*Ocultar Regargos de productos adicionales (summary)*/
.ob-product-surcharges {
    display: none !important;
}

/*Wheelchair icon desktop*/
ob-button.medium.ob-info-icon mat-icon.mat-icon {
    display: none;
}

ob-button.medium.ob-info-icon .mdc-button__label::after {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/icons/wheelchair.svg');
    background-size: 24px;
    width: 24px;
    height: 24px;
    content: "";
    margin-left: 6px;
}

ob-page-select-locations .page-header-blur span.mdc-button__label {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Ocultar zonas no a la venta*/
.view-item.ob-sold-out {
    display: none;
}

/*Quitar icono asientos en pareja*/
.ob-pairs-tag:not(.disabled) {
    display: none;
}

.ob-pairs-icon {
    display: none !important;
}

/*Invertir orden lista de precios
.view-list {
    display: flex;
    flex-direction: column-reverse;
}*/

/* Force powered by fever below the pay button*/
ob-page-checkout mat-card-content.mat-mdc-card-content::after {
    content: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fever/powered-by-fever.svg');
    margin: 0.5rem 0 0 18rem;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0.5;
    transform: scale(0.8);
    float: right;
}

/*Force powered by fever below the final price*/
ob-page-checkout ob-checkout-agreements::after {
    content: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fever/powered-by-fever.svg');
    margin: 0.5rem 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0.5;
    transform: scale(0.8);
    float: right;
}

/*Hide powered by payment button*/
ob-payment-button.section::after {
    display: none !important;
}


/*Styles the label inside outlined buttons*/
button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.mat-mdc-button-base span.mdc-button__label {
    text-transform: uppercase;
    font-family: "FCBARCELONA-Bold", -apple-system, system-ui, sans-serif;
}

/*Override inside the header - no uppercase and normal font*/
.page-header .mdc-button.mdc-button--outlined .mdc-button__label {
    text-transform: none !important;
    font-family: inherit !important;
}

/*Header vip*/
.vip-tickets {
    display: flex !important;
    background: linear-gradient(90deg, #bdad94 0%, #9e8660 10%, #9e8660 50%, #9e8660 90%, #bdad94 100%);
    height: 3rem;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.vip-tickets::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ee030300, rgba(255, 255, 255, 0.2), transparent);
    animation: vipShimmer 3s infinite;
}

@keyframes vipShimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.vip-tickets h2 {
    color: #ffffff;
    font-family: "FCBARCELONA-Bold" !important;
    margin-left: 1rem;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(212, 175, 55, 0.6);
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}

/*-----------------------------------------------------------------------------
   Adds the Fever logo at the end of checkout sections - CHANNELS
-----------------------------------------------------------------------------*/
/*Form Section and Floating Payment Card (Summary)*/
ob-page-full-checkout .main-content form:not(.mat-expansion-panel-body form):last-of-type::after,
ob-page-full-checkout mat-card-content.mat-mdc-card-content::after {
    content: "";
    display: block;
    width: 110px;
    height: 35px;
    background-image: url('https://client-dists.oneboxtds.com/channels-client/default/assets/powered-by-fever.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: 1.5rem;
    opacity: 0.5;
}

/*Force powered by fever below the form chechout END*/

/*Modificar Fons Llotja*/
.sessionId-2684778 #view-item-331269 {
    background: linear-gradient(180deg, #8c734b 0%, #fff 100%);
}

/*----------------------------------------------------------------------------
   Oculta exclusivamente el botón de retroceso en el header  - CHANNELS
----------------------------------------------------------------------------*/
ob-session-header [data-testid="go-back-button"] {
    display: none !important;
}
/* Oculta exclusivamente el botón de retroceso en el header END*/
 /* ----------------------------------------------------------------------
   FORZAR MAYUS EN BOTONES DE ACELERADORES (CARDS)
   ----------------------------------------------------------------------- */
ob-upgrade-option-card button span.mdc-button__label,
ob-upgrade-option-card ob-button span.mdc-button__label {
    text-transform: uppercase !important;
}
/* ---------------------------------------------------------------------
   FORZAR MAYUS EN BOTONES DE ACELERADORES (CARDS) END
   --------------------------------------------------------------------- */

 
/*-----------------------------------------------------------------------------
    00) DONATIONS SECTION - BRANDING & TWO-ROW FLEX LAYOUT
-----------------------------------------------------------------------------*/

 /*Main donations section container*/
 ob-page-full-checkout section.donations-container {
     display: flex !important;
     flex-wrap: wrap !important;
     align-items: center !important;
     gap: 8px !important;
 }

 /*Hide native Angular image element*/
 ob-page-full-checkout img.donations-icon {
     display: none !important;
 }

 /*Dynamic FCBMuseu logo injection (Line 1 - Left)*/
 ob-page-full-checkout section.donations-container::before {
     content: "";
     width: 190px;
     height: 45px;
     background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/barca-city-tour/assets/jl-fundacio-hospital-sant-pau-cat-horizontal.png");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: left center !important;
     flex-shrink: 0 !important;
     margin-right: 10px;
 }

 /*Removes intermediate div boundary to flatten flex items*/
 ob-page-full-checkout section.donations-container>div.flex.flex-col {
     display: contents !important;
 }

 /*Section title typography & layout positioning (Line 1 - Right)*/
 h3#donationsTitle,
 ob-page-full-checkout section.donations-container h3.title {
     font-size: 24px;
     line-height: 30px;
     margin: 0 !important;
     flex: 1 1 0% !important;
     min-width: 250px !important;
 }

 /*Checkbox container row break (Line 2 - Full Width)*/
 ob-page-full-checkout section.donations-container div.ng-star-inserted {
     display: flex !important;
     align-items: center !important;
     flex: 0 0 100% !important;
     width: 100% !important;
     margin-top: 8px !important;
 }

 /*Checkbox label typography styling*/
 span.mat-internal-form-field-label.mdc-label p {
     font-size: 16px;
 }

 /*MOBILE RESPONSIVE ADJUSTMENTS (< 767px)*/

 @media (max-width: 767px) {
     ob-page-full-checkout section.donations-container {
         gap: 12px !important;
         justify-content: flex-start !important;
         align-items: flex-start !important;
     }

     ob-page-full-checkout section.donations-container::before {
         width: 250px;
         height: 50px;
         background-position: left center !important;
         margin-left: 0 !important;
     }

     h3#donationsTitle {
         font-size: 24px;
         line-height: 30px;
         text-align: left !important;
     }

     span.mat-internal-form-field-label.mdc-label p {
         font-size: 14px;
         text-align: left !important;
     }
 }

/* ==========================================================================
   CODE MAINTAINED BY DESIGN
   ==========================================================================
   This stylesheet is strictly organized by categories to keep the code 
   clean, modular, and easy to maintain. 
   
   If you need to add new CSS rules, please consult Design Ops to identify the 
   correct section before inserting your code.
   
   Always sign your additions:
   - Code by [Your Name]
   ========================================================================== */