@charset "UTF-8";

/*import fonts*/
@font-face {
    font-family: 'Helvetica Neue Regular';
    src: url('//dp3ublqw81ucq.cloudfront.net/pro/sonar_tickets/assets/fonts/HelveticaNeueLTStd-Lt.eot');
    src: url('//dp3ublqw81ucq.cloudfront.net/pro/sonar_tickets/assets/fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
        url('//dp3ublqw81ucq.cloudfront.net/pro/sonar_tickets/assets/fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
        url('//dp3ublqw81ucq.cloudfront.net/pro/sonar_tickets/assets/fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
        url('//dp3ublqw81ucq.cloudfront.net/pro/sonar_tickets/assets/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
        url('//dp3ublqw81ucq.cloudfront.net/pro/sonar_tickets/assets/fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

:root {
    --theme-font-family: "Helvetica Neue Regular", -apple-system, system-ui, sans-serif;
    /*Navbar colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #111;

    /*botón activo en sidenav*/
    --ob-nav-list-active-text-color: #111;
    --ob-nav-list-active-bg-color: linear-gradient(60deg, #ffd743 0, #d78fbd 50%, #d78fbd 100%);

    /*color primary*/
    --theme-primary-50: #e3e3e9;
    --theme-primary-100: #b9bac8;
    --theme-primary-200: #8b8ca3;
    --theme-primary-300: #5d5d7e;
    --theme-primary-400: #3a3b62;
    --theme-primary-500: #171846;
    --theme-primary-600: #14153f;
    --theme-primary-700: #111137;
    --theme-primary-800: #0d0e2f;
    --theme-primary-900: #070820;
    --theme-primary-A100: #69a4ff;
    --theme-primary-A200: #3686ff;
    --theme-primary-A400: #0367ff;
    --theme-primary-A700: #005ce8;
    /*color contrast*/
    --theme-primary-contrast-50: #111;
    --theme-primary-contrast-100: #111;
    --theme-primary-contrast-200: #111;
    --theme-primary-contrast-300: #ffffff;
    --theme-primary-contrast-400: #ffffff;
    --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: #111;
    --theme-primary-contrast-A200: #ffffff;
    --theme-primary-contrast-A400: #ffffff;
    --theme-primary-contrast-A700: #ffffff;
    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(20);
}

/*==========================================
    INDEX
    1) Login 
    2) Buttons
    3) OB Footer
    4) Top Bar
    5) Billboard
    6) Promo banner base (Mickey, Easter
==========================================*/

/*-------------------------------------------
    1) Login
/*-------------------------------------------*/

ob-public-container .background-blur {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/disneyexhibition/assets/bg-login.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

/*-------------------------------------------
    2)  Buttons
/*-------------------------------------------*/
/*buttons primary*/
ob-public-container ob-button>.mat-mdc-icon-button.flat.mat-primary:not(:disabled),
ob-public-container ob-button>.mat-primary.mat-mdc-unelevated-button {
    background-image: linear-gradient(60deg, #ffd743 0, #d78fbd 50%, #ffd743 100%);
    color: #111 !important;
    text-transform: uppercase;
}

ob-public-container ob-button>.mat-mdc-icon-button.flat.mat-primary:hover:not(:disabled),
ob-public-container ob-button>.mat-primary.mat-mdc-unelevated-button:hover {
    background-image: linear-gradient(60deg, #ffd743 0, #d78fbd 50%, #d78fbd 100%) !important;
}

/*buttons primary*/
ob-button>.mat-mdc-icon-button.flat.mat-primary:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button {
    background-image: linear-gradient(60deg, #ffd743 0, #d78fbd 50%, #ffd743 100%);
    color: #111 !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-image: linear-gradient(60deg, #ffd743 0, #d78fbd 50%, #d78fbd 100%) !important;
}

/*-------------------------------------------
    3)  OB Footer
/*-------------------------------------------*/

ob-footer#desktop-footer {
    background-color: #111 !important;
}

/*Color links subfooter & copyright*/
ob-footer#desktop-footer,
ob-footer#desktop-footer a,
ob-footer#desktop-footer span.footer-copyright,
ob-footer#desktop-footer span.justify-end {
    color: #fff !important;
}

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

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

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

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

/*-------------------------------------------
    5) Billboard
/*-------------------------------------------*/

/*bg cartelera + sesion*/
ob-page-events {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/disneyexhibition/assets/bg2.webp');
}

ob-page-events .main-container {
    background: transparent !important;
}

.page-event .main-container {
    background-color: #ffffffbf !important;
}

/*bg cartelera cards*/
ob-page-events .ob-catalog-card {
    padding: 10px;
    background: #fff;
    border-radius: 3px;
}

/*----------------------------------------------------------
   6) Promo banner base (Mickey, Easter
----------------------------------------------------------*/

/*Calendar Wrapper - Forces mat-calendar to behave as a block element*/
mat-calendar.mat-calendar.ob-calendar {
    display: block;
}

/*Promo Banner- Creates a visual banner ABOVE the calendar*/
mat-calendar.mat-calendar.ob-calendar::before {
    content: "";
    display: block;
    width: 100%;
    height: 43px;
    margin-bottom: 12px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
}

/*Zeroes out bottom spacing on the availability legend component*/
ob-availability-legend {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/*----------------Spanish----------------*/
html[lang="es"] mat-calendar.mat-calendar.ob-calendar::before {
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/disneyexhibition/assets/promo-banner/channel-promo-badge-banner-es.png");
}

/*----------------English----------------*/
html[lang="en"] mat-calendar.mat-calendar.ob-calendar::before {
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/disneyexhibition/assets/promo-banner/channel-promo-badge-banner-en.png");
}

/*---------------- Mobile ----------------*/
@media (max-width: 768px) {

    /*Ensures banner has a minimum visual width*/
    mat-calendar.mat-calendar.ob-calendar::before {
        background-position: right center;
        background-size: 335px auto;
    }
}

/*Mickey icon in calendar - Active until March 2026*/
ob-page-event,
ob-page-select-locations {

    .session-MONTH-1759788000000,
    .session-MONTH-1760392800000,
    .session-MONTH-1760997600000,
    .session-MONTH-1761606000000,
    .session-MONTH-1762210800000,
    .session-MONTH-1762815600000,
    .session-MONTH-1763420400000,
    .session-MONTH-1764025200000,
    .session-MONTH-1764630000000,
    .session-MONTH-1765234800000,
    .session-MONTH-1765839600000,
    .session-MONTH-1768258800000,
    .session-MONTH-1768863600000,
    .session-MONTH-1769468400000,
    .session-MONTH-1770073200000,
    .session-MONTH-1770678000000,
    .session-MONTH-1771282800000,
    .session-MONTH-1771887600000,
    .session-MONTH-1772492400000,
    .session-MONTH-1773097200000,
    .session-MONTH-1773702000000,
    .session-MONTH-1774306800000,
    .session-MONTH-1776117600000,
    .session-MONTH-1776722400000,
    .session-MONTH-1777932000000,
    .session-MONTH-1778536800000,
    .session-MONTH-1779141600000,
    .session-MONTH-1779746400000,
    .session-MONTH-1777327200000,
    .session-MONTH-1780351200000,
    .session-MONTH-1780956000000,
    .session-MONTH-1781560800000,
    .session-MONTH-1782165600000,
    .session-MONTH-1782770400000 {
        .mat-focus-indicator::after {
            content: "";
            position: absolute;
            top: 2px;
            right: 4px;
            width: 20px;
            height: 20px;
            background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/disneyexhibition/assets/icono-disney.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 10;
        }

        span.mat-calendar-body-cell-content {
            background-image: linear-gradient(60deg, #ffd6432b 0, #d78fbd2b 50%, #ffd7432b 100%);
        }
    }

    @media (max-width: 768px) {

        .session-MONTH-1759788000000,
        .session-MONTH-1760392800000,
        .session-MONTH-1760997600000,
        .session-MONTH-1761606000000,
        .session-MONTH-1762210800000,
        .session-MONTH-1762815600000,
        .session-MONTH-1763420400000,
        .session-MONTH-1764025200000,
        .session-MONTH-1764630000000,
        .session-MONTH-1765234800000,
        .session-MONTH-1765839600000,
        .session-MONTH-1768258800000,
        .session-MONTH-1768863600000,
        .session-MONTH-1769468400000,
        .session-MONTH-1770073200000,
        .session-MONTH-1770678000000,
        .session-MONTH-1771282800000,
        .session-MONTH-1771887600000,
        .session-MONTH-1772492400000,
        .session-MONTH-1773097200000,
        .session-MONTH-1773702000000,
        .session-MONTH-1774306800000,
        .session-MONTH-1776117600000,
        .session-MONTH-1776722400000,
        .session-MONTH-1777932000000,
        .session-MONTH-1778536800000,
        .session-MONTH-1779141600000,
        .session-MONTH-1779746400000,
        .session-MONTH-1777327200000,
        .session-MONTH-1780351200000,
        .session-MONTH-1780956000000,
        .session-MONTH-1781560800000,
        .session-MONTH-1782165600000,
        .session-MONTH-1782770400000 {
            .mat-focus-indicator::after {
                top: 1px;
                right: 1px;
                width: 10px !important;
                height: 10px !important;
            }
        }
    }
}

/*END - Mickey icon in calendar - Active until March 2026*/

/*Easter icon in calendar - Active until June 1, 2026*/
ob-page-event,
ob-page-select-locations {

    .session-MONTH-1778709600000,
    .session-MONTH-1778796000000,
    .session-MONTH-1778882400000,
    .session-MONTH-1778968800000,
    .session-MONTH-1778968800000,
    .session-MONTH-1779228000000,
    .session-MONTH-1779314400000,
    .session-MONTH-1779400800000,
    .session-MONTH-1779487200000,
    .session-MONTH-1779573600000,
    .session-MONTH-1779832800000,
    .session-MONTH-1779919200000,
    .session-MONTH-1780005600000,
    .session-MONTH-1780092000000,
    .session-MONTH-1780178400000 {
        .mat-focus-indicator::after {
            content: "";
            position: absolute;
            top: 2px;
            right: 4px;
            width: 20px;
            height: 20px;
            background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/disneyexhibition/assets/descuento.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 10;
        }
    }

    @media (max-width: 768px) {

        .session-MONTH-1778709600000,
        .session-MONTH-1778796000000,
        .session-MONTH-1778882400000,
        .session-MONTH-1778968800000,
        .session-MONTH-1778968800000,
        .session-MONTH-1779228000000,
        .session-MONTH-1779314400000,
        .session-MONTH-1779400800000,
        .session-MONTH-1779487200000,
        .session-MONTH-1779573600000,
        .session-MONTH-1779832800000,
        .session-MONTH-1779919200000,
        .session-MONTH-1780005600000,
        .session-MONTH-1780092000000,
        .session-MONTH-1780178400000 {
            .mat-focus-indicator::after {
                top: 1px;
                right: 1px;
                width: 10px !important;
                height: 10px !important;
            }
        }
    }
}

/*END - Easter icon in calendar - Active until June 1, 2026*/