/*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,
.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,
.presale-title, [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;
}

/*regular fonts*/
span.ob-price {
    font-family: 'FCBARCELONA-Regular' !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);
}

/*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: #181733;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

img.assistencia {
    width: 10rem;
}

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

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

    /*ajusta color de sticky price en mobile*/
    ob-select-expandable-summary.expandable-cart {
        background-color: #181733 !important;
    }

    /*ajusta espacio de sticky price en mobile*/
    .expansion-footer {
        padding-top: 15px;
    }

    /*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 .total {
        color: #fff !important;
    }

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

    /*Bottom padding in the header of the expandable summary*/
    ob-select-expandable-summary .expansion-header {
        padding-bottom: 8px;
    }

    /*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;
    }

      /*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;
    }

    /*----------------------------------------------------------------------
       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;
    }

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

/*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;
}

/*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;
    }
}

/*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;
}

/* 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;
}

/*Modificar el color del header*/
.page-header-blur::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #232149;
    z-index: -1;
}

/* hidde event arrow*/
ob-event-header#event-header .go-back-button,
.page-header-blur .go-back-button {
    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;
    }
}

/*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*/
.get-there {
    text-align: center;
}

.fcb-map-image {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 1.5rem;
}

/* 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;
}

/*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*/
/*Integrate the wheelchair icon into the 'more info' button in the page header blur -  on mobile*/
@media only screen and (max-width: 40.063em) {

    /*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: "";
    }

}

/*Integrate the wheelchair icon into the 'more info' button in the page header blur -  on mobile*END*/
/* ocultar el boton de centrar vista */
button.ob-zoom-button:nth-of-type(3) {
    display: none;
}

/*Expand info product info panel*/
.expanded-collapsed-info-panel {
    height: auto !important;
}

/*Hide delivery info on product info panel*/
.delivery-section {
    display: none;
}

/*Hide product info in TYP*/
.product-card-delivery-info {
    display: none;
}

/*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 info header*/
.page-header-item.flex.justify-center {
    display: none;
}

/*Ocultar ver mas productos*/
.ob-min-price-card {
    display: none !important;
}

/*Ocultar Delivery point*/

/*Expand info product info panel*/
.expanded-collapsed-info-panel {
    height: auto !important;
}

/*Hide delivery info on product info panel*/
.delivery-section {
    display: none;
}

/*Hide product info in TYP*/
.product-card-delivery-info {
    display: none;
}

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

/*Ocultar info header*/
.page-header-item.flex.justify-center {
    display: none;
}

/*Ocultar ver mas productos*/
.ob-min-price-card {
    display: none !important;
}



/*display expanded pack info in summary*/
.ob-pack-summary-info-panel {
    height: auto !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;
}

/*Mobile footer logo fever*/
ob-footer#mobile-footer img.fever-logo {
    filter: brightness(90);
}

/*fix button language mobile lateral bar*/
footer {
    --ob-custom-button-color: var(--theme-primary-500);
}

/*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;
}

/*Force powered styles on suplies button*/
ob-page-suggestions .ob-summary-buttons button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.mat-mdc-button-base {
    background: #FCC52C;
    color: #252309 !important;
    text-transform: uppercase;
    border: 0;
    font-family: "FCBARCELONA-Bold" !important;
}

ob-page-suggestions .ob-summary-buttons button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.mat-mdc-button-base:hover {
    background: #BC2D3B !important;
    color: #fff !important;
    text-transform: uppercase;
}

/*Force powered styles on suplies button end*/


/*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, #1a1a2e 0%, #004b95 25%, #a4234b 65%, #a4234b 75%, #390705 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: #ffc107;
    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;
}

/*Ocultar zonas soldout*/
.ob-sold-out{
    display: none;
}

/*-----------------------------------------------------------------------------
   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*/

/*SHORT DESCRIPTION*/
.seient-basic, .bufanda, .firma-jugadors {
    display: flex;
    gap: 16px;
    align-items: center;
    margin: 16px 0px 16px 0px !important;
}

.information h4 {
    font-family: FCBARCELONA-Bold !important;
}

.divider, .ob-divider {
    background-color: #E8E8E8 !important;
}

.information .main-block-content-short p:last-child, .information p {
    margin: 0px!important;
}

/*SHORT DESCRIPTION--END*/
/*----------------------------------------------------------------------------
   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]
   ========================================================================== */