/*import*/
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

    :root {
        --theme-font-family: "Montserrat", sans-serif;
        /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
        /*Navbar colors*/
        --ob-nav-text-color: #fff;
        --ob-nav-bg-color: radial-gradient(51.51% 61.19% at 50% 70.21%, #1750b9 0%, #19233e 100%), #002f6c;
        /*color primary*/
        --theme-primary-50: #e0e9f9;
        --theme-primary-100: #b3c9f2;
        --theme-primary-200: #80a9eb;
        --theme-primary-300: #4d89e4;
        --theme-primary-400: #1a69dd;
        --theme-primary-500: #002f6c;
        --theme-primary-600: #002a60;
        --theme-primary-700: #002257;
        --theme-primary-800: #001c4e;
        --theme-primary-900: #001143;
        --theme-primary-A100: #7db7f3;
        --theme-primary-A200: #4c99eb;
        --theme-primary-A400: #1a82e4;
        --theme-primary-A700: #0058d1;

        --theme-primary-contrast-50: #002f6c;
        --theme-primary-contrast-100: #002f6c;
        --theme-primary-contrast-200: #002f6c;
        --theme-primary-contrast-300: #1F1F1F;
        --theme-primary-contrast-400: #002f6c;
        --theme-primary-contrast-500: #ffffff;
        --theme-primary-contrast-600: #ffffff;
        --theme-primary-contrast-700: #ffffff;
        --theme-primary-contrast-800: #ffffff;
        --theme-primary-contrast-900: #ffffff;
        --theme-primary-contrast-A100: #ffffff;
        --theme-primary-contrast-A200: #ffffff;
        --theme-primary-contrast-A400: #ffffff;
        --theme-primary-contrast-A700: #ffffff;
        --ob-channel-header-height: 80px;
    }

    /*====================================================
        INDEX
        1) Top Bar
        2) Billboard
        3) Arrow ONEBOX
        4) OB Footer
        5) Custom Footer
        6) Header
        7) Force powered by fever below the pay button
        8) Side Nav
        9) Adhoc
        10) Hide components
        11) Page suggestions change the visual order
    ====================================================*/

    /*----------------------------------------------------
        1) Top Bar
    ----------------------------------------------------*/

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

    /*----------------------------------------------------
        2) Billboard
    ----------------------------------------------------*/
    /*Background Filter*/
    ob-page-events .filter-container {
        background-color: #ffffff00 !important;
    }

    /*Catalog Card on Billboard*/
    .events .events-container {
        padding: 30px;
        background: linear-gradient(180deg, #e8eaee, rgba(232, 234, 238, 0)) #fff;
        border-radius: 20px;
    }

    /*Catalog Card on Billboard*/
    ob-page-events .ob-catalog-card {
        padding: 30px;
        background-color: #fff;
        border-radius: 20px;
    }

    /* Add decorative image before the card title */
    .ob-catalog-card .content-container .title::before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 20px;
        background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/asmclermont_test/assets/vertical-bar.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 2px;
        vertical-align: middle;
    }

    /*Button radius*/
    button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-base,
    button.mdc-button.mat-mdc-button.mat-unthemed.mat-mdc-button-base {
        border-radius: 9999px;
    }

    /*Color on titles*/
    .title,
    .ob-session-name {
        color: #1750b9;
        font-weight: 800 !important;
    }

    ob-highlighted-events.highlighted-events .title {
        color: #fff !important;
    }

    /*Force color white on titles inside "page-header-blur "*/
    .page-header-blur .title {
        color: #Ffff !important;
    }

    /*----------------------------------------------------
        3) Arrow ONEBOX
    ----------------------------------------------------*/

    /*Arrow ONEBOX*/
    .section-header mat-icon.mat-icon.notranslate.mat-primary {
        color: #fee900;
    }

    /*----------------------------------------------------
        4) OB Footer
    ----------------------------------------------------*/

    /*Background OB Footer*/
    ob-footer.main-footer {
        background-color: #052e6b;
        /*background: radial-gradient(41.98% 30.07% at 50% 93.89%, rgb(23, 80, 185) 0px, rgb(0, 47, 108) 100%) !important;*/
    }

    /*Color links OB Footer & copyright*/
    ob-footer.main-footer,
    ob-footer.main-footer a,
    ob-footer.main-footer span.footer-copyright,
    ob-footer.main-footer span.justify-end,
    ob-footer.main-footer button.ob-link {
        color: #fff !important;
    }

    /*Button language links OB Footer*/
    /*Language & icon */
    ob-footer.main-footer span.mdc-button__label,
    ob-footer.main-footer mat-icon.mat-icon {
        color: #fff !important;
    }

    /*Border*/
    ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
        border: 1px solid #fff !important;
    }

    /*Powered by*/
    /*Logo ONEBOX*/
    ob-footer.main-footer img {
        filter: brightness(20) !important;
    }

    /*Text powered by*/
    ob-footer.main-footer section.items-center {
        color: #fff;
    }


    /*----------------------------------------------------
        5) Custom Footer
    ----------------------------------------------------*/

    /*Footer Adhoc*/
    app-channel-footer {
        background-color: #042e6b;
    }

    .channel-footer-content img {
        width: 100%;
    }

    .footer-icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 3rem;
        padding: 2rem;
        background-color: #052e6b;
    }

    .footer-icons img {
        width: 90px;
        height: auto;
        display: block;
        transition: transform 0.3s ease;
    }

    .footer-icons a:hover img {
        transform: scale(1.1);
    }

    .footer-title {
        color: #fff;
        font-weight: 600;
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 1rem !important;
    }

    /*----------------------------------------------------
        6) Header
    ----------------------------------------------------*/

    /*Header*/
    .events .event-main-header .page-header-blur,
    .select .page-header-blur {
        background-color: #10244d !important;
        /*background: radial-gradient(41.98% 30.07% at 50% 93.89%, rgb(23, 80, 185) 0px, rgb(0, 47, 108) 100%) !important;*/
    }

    .content-header {
        background: #fee900;
    }

    .content-img {
        background-color: #fee900;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

    /*----------------------------------------------------
        7) Force powered by fever below the pay button
    ----------------------------------------------------*/

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

    /*----------------------------------------------------
        8) Side Nav
    ----------------------------------------------------*/

    /*Sidenav lateral mobile*/
    mat-sidenav.mat-drawer.mat-sidenav.ob-sidenav {
        background-color: #052e6b;
    }


    /*----------------------------------------------------
        9) Adhoc
    ----------------------------------------------------*/

    /*Sections boxes adhoc*/
    .events mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card,
    .events .min-price-card {
        border: 1px solid rgba(25, 35, 62, 0.2) !important;
        border-radius: 20px !important;
        box-shadow: none !important;
    }

    /*Summary Card border radius adhoc*/
    .checkout mat-card.mat-mdc-card.mdc-card.ob-cart-summary-card {
        border-radius: 20px;
    }

    /*Fondo personalizado para el visor del evento, se aplica unicamente al eventId 46121 y sessionId 2537087 - SAM., 28 févr. 2026 , 14:30*/
    .eventId-46121.sessionId-2537087 .viewer-container {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/asmclermont_web/assets/Buffet_4MB.jpg') center center / cover no-repeat;
        transition: background 0.2s ease;
    }

    /*Fondo personalizado para el visor del evento, se aplica unicamente al eventId 46121 y sessionId 2537088 - SAM., 28 févr. 2026 , 14:30*/
    .eventId-46121.sessionId-2537088 .viewer-container {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/asmclermont_web/assets/Buffet_4MB.jpg') center center / cover no-repeat;
        transition: background 0.2s ease;
    }

    /*Fondo personalizado para el visor del evento, se aplica unicamente al eventId 46121 y sessionId 2537089 - SAM., 28 févr. 2026 , 14:30*/
    .eventId-46121.sessionId-2537089 .viewer-container {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/asmclermont_web/assets/Buffet_4MB.jpg') center center / cover no-repeat;
        transition: background 0.2s ease;
    }

    /*Fondo personalizado para el visor del evento, se aplica unicamente al eventId 46121 y sessionId 2537090 - SAM., 28 févr. 2026 , 14:30*/
    .eventId-46121.sessionId-2537090 .viewer-container {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/asmclermont_web/assets/Buffet_4MB.jpg') center center / cover no-repeat;
        transition: background 0.2s ease;
    }

    /*Fondo personalizado para el visor del evento, se aplica unicamente al eventId 46121 y sessionId 2537091 - SAM., 28 févr. 2026 , 14:30*/
    .eventId-46121.sessionId-2537091 .viewer-container {
        background: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/asmclermont_web/assets/Buffet_4MB.jpg') center center / cover no-repeat;
        transition: background 0.2s ease;
    }

    /*----------------------------------------------------
         10) Hide components
    ----------------------------------------------------*/

    /*Ocultar zona de precio en visor recinto (cuadro gris) en evento - 46121*/
    .eventId-46121 g#\32 51936 {
        display: none;
    }

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

        /*Hide footer*/
        .channel-footer-content {
            display: none;
        }

        /*Hide header*/
        app-channel-header.channel-header {
            display: none;
        }
    }

    /*Hide "Poweted by ONEBOX"*/
    img.onebox-logo {
        display: none;
    }

    /*Show "Poweted by Fever"*/
    img.fever-logo {
        display: initial !important;
    }

    /*Hide "Desde 0,00" on Billboard*/
    .events .min-price-label {
        display: none;
    }

    /*----------------------------------------------------
        11) Page suggestions change the visual order
    ----------------------------------------------------*/

    /*Set the main content container as a flex container and stack its direct children vertically*/
    .checkout ob-page-suggestions .main-content {
        display: flex;
        flex-direction: column;
    }

    /*Change the visual order of the first section. It will appear second in the layout*/
    .checkout ob-page-suggestions .main-content>section:nth-of-type(1) {
        order: 2;
    }

    /*Change the visual order of the second section. It will appear first in the layout*/
    .checkout ob-page-suggestions .main-content>section:nth-of-type(2) {
        order: 1;
    }