/*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') format("embedded-opentype"),
         url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.woff2') format('woff2'),
         url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.woff') format('woff'),
         url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Regular-web.ttf') format('truetype');
     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') format("embedded-opentype"),
         url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.woff2') format('woff2'),
         url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.woff') format('woff'),
         url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fonts/FCBARCELONA-Bold-web.ttf') format('truetype');
     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;
     /*NAVBAR COLORS*/
     --ob-nav-text-color: #fff;
     --ob-nav-bg-color: #181733;
     /*// http://mcg.mbitson.com //*/
     /*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,
 .ob-selection-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, .ob-session-calendar-title {
     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>');

         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*/
 .img-footer {
     background-color: #0D2957;
     text-align: center;
     padding: 1rem 0;
 }

 .img-footer img {
     width: 60%;
 }

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

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

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

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

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

 @media only screen and (max-width: 600px) {
     .fcb-recommendations {
         .recommendations {
             flex-direction: column;
             text-align: center;
         }

         .recommendation {
             width: 100%;
         }

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

 /*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 {
         font-size: 13px;
     }
 }

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

 @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;
         }
     }
 }


 @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;
         }
     }
 }

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

 /*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 .floating-expansion-panel {
     width: 100% !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;
     }
 }

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

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

 /*ocultar franja gris con ubicacion y calendario 24 octubre 2024*/
 .page-header-item.flex.justify-center {
     display: none;
 }

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

 /*Ocultar FAQ's*/
 ob-button[prefixicon="help"] {
     display: none !important;
 }

 .divider, .ob-divider {
     display: none !important;
 }

 /*Ocultar Boton Cartelera en Mobile*/
 @media (max-width: 767px) {
     ob-sidebar-list-item:nth-of-type(1) {
         display: none;
     }
 }

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

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

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

 /*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 ver mas productos*/
 .ob-min-price-card {
     display: none !important;
 }


 /*Ocultar Delivery point*/
 .ob-delivery-point-name {
     display: none !important;
 }

 /*Ocultar limite de entradas por canal y/o evento*/
 .ob-message-box.info.tickets-limit {
     display: none !important;
 }

 #eventId-40494 {
     .page-menu-content ul {
         display: flex;
         flex-direction: row-reverse;
         gap: 20px;
     }

     .main-content {
         display: flex;
         flex-direction: column-reverse;
     }
 }

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

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

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

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

 /*Ocultar Regargos de productos adicionales (summary)*/
 .ob-product-surcharges {
     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;
 }

 /*Banner Acelerador*/
 .vip-tickets {
     display: flex !important;
     background: linear-gradient(90deg, #1a1a2e 0%, #004b95 25%, #a4234b 65%, #a4234b 75%, #390705 100%);
     height: 3rem;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: relative;
     overflow: hidden;
     text-align: center;
 }

 .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-title {
     color: #ffc107;
     font-family: "FCBARCELONA-Bold" !important;
     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;
     margin: 0;
 }

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

 /*Ocultar +info*/
 .mdc-button.mdc-button--outlined.mat-mdc-outlined-button.white.mat-unthemed.mat-mdc-button-base.ng-star-inserted {
     display: none !important;
 }

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

 /*Hide max items message in Buy Together section*/
 ob-not-graphic-selection .ob-message-box.info {
     display: none;
 }
 /*----------------------------------------------------------------------------
   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]
   ========================================================================== */