@charset "UTF-8";

/*Garantiza que los acentos, tildes y caracteres especiales se lean correctamente en tu CSS.*/
/*Fonts*/
@font-face {
    font-family: 'adineuePRO-Bold';
    src: url('https://onebox-portal3.s3.amazonaws.com/pro/wahshow/fonts/adineuePRO-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pangram-Regular';
    src: url('https://onebox-portal3.s3.amazonaws.com/pro/wahshow/fonts/Pangram-Regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
}

:root {
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #000000;
    /*Color primary*/
    --theme-primary-50: #FAE3E5;
    --theme-primary-100: #F3B9BE;
    --theme-primary-200: #DE2B3A;
    --theme-primary-300: #E45C68;
    --theme-primary-400: #DE3947;
    --theme-primary-500: #CC1424;
    --theme-primary-600: #D41323;
    --theme-primary-700: #CE101D;
    --theme-primary-800: #C80C17;
    --theme-primary-900: #BF060E;
    --theme-primary-A100: #FFE8E9;
    --theme-primary-A200: #FFB5B7;
    --theme-primary-A400: #FF8285;
    --theme-primary-A700: #FF696C;
    --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: #000000;
    /*Client typography*/
    --theme-font-family: 'Pangram-Regular', sans-serif;
    /*Header*/
    --ob-channel-header-height: 80px;
}

/*==============================================================
    INDEX
    1) Top Bar
    2) Header
    3) Hidden Elements
    4) Integration description event
================================================================*/

/*---------------------------------------------
   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) Header
---------------------------------------------*/
/*Typos Titles*/
.title,
h1.title,
#eventInformation span,
.selection-title,
span.session-name,
.section-header span {
    font-family: "adineuePRO-Bold", sans-serif !important;
}

/*Remove logo link*/
a.link-logo {
    pointer-events: none;
}

/*Header*/
.custom-header {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    background-color: #000;
    height: 75px;
}

.header-button {
    background-color: #D81627;
    padding: 0.5rem 1rem;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3rem;
    margin-right: 1rem;
}

@media only screen and (max-width: 40.063em) {
    .hide-sm {
        display: none;
    }
}

/*---------------------------------------------
    3) Hidden Elements
---------------------------------------------*/

/*oculta boton ver sesiones en pagina de evento*/
.page-event .sidebar-content {
    display: none;
}

/*oculta flecha volver de la zona de banner*/
header.event-main-header ob-button-link.self-start.medium.transparent.back {
    display: none;
}

/*---------------------------------------------
   4) Integration description event
---------------------------------------------*/
.custom-contact-block {
    width: 100%;
    text-align: left;
}

/*Titles*/
.title-custom-contact {
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.2rem;
    font-family: "adineuePRO-Bold", sans-serif !important;
}

/*CTA container*/
.contact-cta-box {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-bottom: 1.5rem;
}

/*Grey module (icon + text)*/
.contact-module-text {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex: 1;
}

/*Icon box*/
.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 8px;
    flex-shrink: 0;
}

/*Icon*/
.cta-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/*Text box*/
.text-box {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 7px 12px;
    flex: 1;
}

/*Text*/
.text-box p {
    margin: 0;
    line-height: 1.5;
}

/*CTA button*/
.cta-call-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #CC1424;
    color: #fff;
    border-radius: 3px;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}
.cta-call-button:hover {
    background-color: #D54248;
}

/*CTA icon*/
.cta-icon-cta {
    width: 16px;
    height: 16px;
}

.contact-cta-box .text-box,
.contact-cta-box .icon-box {
    background-color: #FAE3E5;
}

/*Links*/
.contact-link {
    color: #CC1424;
}

/*Mobile*/
@media (max-width: 768px) {
    .contact-cta-box {
        flex-direction: column;
    }

    .cta-call-button {
        width: 100%;
        justify-content: center;
    }
}

/*---------------------------------------------
   5) LEYENDA
---------------------------------------------*/
/*Leyenda San Isidro*/
/*background info session*/
ob-catalog-item-card#sessionId-2740096 .ob-catalog-item-card.card-content,
ob-catalog-item-card#sessionId-2740100 .ob-catalog-item-card.card-content,
ob-catalog-item-card#sessionId-2740106 .ob-catalog-item-card.card-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #faefef;
    padding:12px;
    border:none!important;
    margin:4px 0px 4px 0px;
    border-radius:8px;
}

/*background img- session day info*/
 ob-catalog-item-card#sessionId-2740096 .item-date-container,
 ob-catalog-item-card#sessionId-2740100 .item-date-container,
 ob-catalog-item-card#sessionId-2740106 .item-date-container {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/wahshow/assets/box-san-isidro.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #731512;
    color: #fff;
     
}

/*border color specific card*/
ob-catalog-item-card#sessionId-2740096 mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card.horizontal.stroked,
ob-catalog-item-card#sessionId-2740100 mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card.horizontal.stroked,
ob-catalog-item-card#sessionId-2740106 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*/
ob-catalog-item-card#sessionId-2740096 h3.title.catalog-item-title:after,
ob-catalog-item-card#sessionId-2740100 h3.title.catalog-item-title:after,
ob-catalog-item-card#sessionId-2740106 h3.title.catalog-item-title:after {
   content: "Sesión Especial San Isidro";
    color: #791111;
    font-size: 12px;
    background-color: #ffc4c4 !important;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
    font-weight: 500 !important;
    display: flex;       /* Mantiene el salto de línea */
    width: fit-content;
}

ob-catalog-item-card#sessionId-2740093 .ob-catalog-item-card.card-content {
    border:none;
}
/*Leyenda San Isidro*/