@charset "UTF-8";
/*Garantiza que los acentos, tildes y caracteres especiales se lean correctamente en tu CSS.*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    /* Fonts */
    --theme-font-family: "Roboto", sans-serif;
    /* // http://mcg.mbitson.com/#!?tundora=%23414141 */
    /* Navbar Colors */
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #005fc5;
    /* color primary */
    --theme-primary-50: #E0ECF8;
    --theme-primary-100: #B3CFEE;
    --theme-primary-200: #80AFE2;
    --theme-primary-300: #4D8FD6;
    --theme-primary-400: #2677CE;
    --theme-primary-500: #005FC5;
    --theme-primary-600: #0057BF;
    --theme-primary-700: #004DB8;
    --theme-primary-800: #0043B0;
    --theme-primary-900: #0032A3;
    --theme-primary-A100: #CED9FF;
    --theme-primary-A200: #9BB2FF;
    --theme-primary-A400: #688BFF;
    --theme-primary-A700: #4E77FF;
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #000000;
    --theme-primary-contrast-300: #000000;
    --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: #000000;
    --theme-primary-contrast-A200: #000000;
    --theme-primary-contrast-A400: #000000;
    --theme-primary-contrast-A700: #FFFFFF;
}

/*==================================================
    INDEX
    1) Top bar
    2) Login
    3) Hidden elements
    3) Hidden elements
    4) Flexiticket on calendar
    5) Disney On ice -  11 al 14 de febrero de 2027
====================================================*/

/*----------------------------------------
    1) Top bar
------------------------------------------*/
/* NAVBAR */
img.logo {
    height: 6rem;
}

/*----------------------------------------
    2) Login
------------------------------------------*/
/*background login*/
ob-page-presale .background-blur {
    width: 100%;
    height: 100%;
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/pamaster/img/background.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Mobile */
@media only screen and (max-width: 40.063em) {
    .channel-footer-content {
        display: none;
    }
}

/*----------------------------------------
    3) Hidden elements
------------------------------------------*/

/*Ocultar "maximo de entradas" en evento de 20 Nov a 11 Enero, por zona de precio.*/
ob-page-select-locations.eventId-44693 .item-pz-309216 span.ob-message-box.info,
ob-page-select-locations.eventId-44693 .item-pz-309217 span.ob-message-box.info,
ob-page-select-locations.eventId-44693 .item-pz-309218 span.ob-message-box.info,
ob-page-select-locations.eventId-44693 .item-pz-309219 span.ob-message-box.info,
ob-page-select-locations.eventId-44693 .item-pz-309220 span.ob-message-box.info,
ob-page-select-locations.eventId-44693 .item-pz-309221 span.ob-message-box.info,
ob-not-graphic-selection.event_44693 [data-testid="price-zone-311258"] .ob-message-box.info,
ob-not-graphic-selection.event_44693 [data-testid="price-zone-311259"] .ob-message-box.info,
ob-not-graphic-selection.event_44693 [data-testid="price-zone-311260"] .ob-message-box.info,
ob-not-graphic-selection.event_44693 [data-testid="price-zone-311261"] .ob-message-box.info,
ob-not-graphic-selection.event_44693 [data-testid="price-zone-311262"] .ob-message-box.info,
ob-not-graphic-selection.event_44693 [data-testid="price-zone-311263"] .ob-message-box.info {
    display: none !important;
}

/*Esconder leyenda promocion*/
mat-card-content.mat-mdc-card-content .tags-container {
    display: none;
}

/*Quitar tag promocion*/
mat-month-view span.promotion {
    display: none;
}

/*----------------------------------------
    4) Flexiticket on calendar
------------------------------------------*/

/*Forzar "Flexiticket" dentro de ficha horario 0:00 en calendario en evento-44693 hasta el 11 de enero 2026*/
#eventId-44693 div[data-testid="time-card"][aria-label="0:00"] .title::after,
#eventId-44693 div[data-testid="time-card"][aria-label="12:00 AM"] .title::after {
    content: "Flexiticket";
    font-size: 16px;
    color: #414141;
}

#eventId-44693 div[data-testid="time-card"][aria-label="0:00"] .title,
#eventId-44693 div[data-testid="time-card"][aria-label="12:00 AM"] .title {
    font-size: 0px;
    color: white;
}

/*-------------------------------------------------------------------
    5) Session detail legend Disney On ice -  February 11 to 14 2027
---------------------------------------------------------------------*/

/*Leyenda Disney On ice 2026*/
/*background info session*/
#eventId-51900 ob-catalog-item-card#sessionId-2719625 mat-card-content.mat-mdc-card-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #E0ECF8;
}

/*background img- session day info*/
#eventId-51900 ob-catalog-item-card#sessionId-2719625 mat-card-subtitle.mat-mdc-card-subtitle {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/pamaster/assets/bg-leyenda-estreno.avif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #005FC5;
    color: #fff;
}

/*border color specific card*/
#eventId-51900 ob-catalog-item-card#sessionId-2719625 mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card.horizontal.stroked {
    border: 1px solid var(--theme-primary-100) !important;
}

/*Anadir leyenda en sesion
#eventId-51900 ob-catalog-item-card#sessionId-2719625 span.subtitle:after {
    content: "PRECIO REDUCIDO – DÍA DEL ESTRENO";
    color: #0043B0;
    font-size: 12px;
    background-color: #B3CFEE !important;
    padding: 2px 8px;
    border-radius: 4px;
    display: flex;
    margin-top: 4px;
}*/

/*Adds a promotional label after the session title - only applies to event 86995 and session 649754*/
#eventId-51900 ob-catalog-item-card#sessionId-2719625 h3.title.catalog-item-title::after {
    content: "PRECIO REDUCIDO – DÍA DEL ESTRENO";
    color: #0043B0;
    font-size: 12px;
    background-color: #B3CFEE !important;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-flex;
    margin-top: 4px;
    text-align: center;
    font-weight: 400;
}

/*Customizes the session card background and spacing - only applies to event 86995 and session 649754*/
#eventId-51900 ob-catalog-item-card#sessionId-2719625 .ob-catalog-item-card.card-content {
    background-color: #E0ECF8;
    border-radius: 8px;
    border: none;
    margin-bottom: 4px;
    padding-left: 8px;
}

/*Adds a custom background image and colors to the session date block - only applies to session 649754*/
#sessionId-2719625 .item-date-container {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/pamaster/assets/bg-leyenda-estreno.avif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #005FC5;
    color: #fff;
}

/*Adds a custom border color to the highlighted session card - only applies to event 86995 and session 649754*/
#eventId-51900 ob-catalog-item-card#sessionId-2719625 .ob-catalog-item-card.card-content {
    border: 1px solid #B3CFEE !important;
}

/*Removes the top border from the next session card to visually connect cards*/
ob-catalog-item-card#sessionId-2719626 .ob-catalog-item-card {
    border-top: none !important;
}