/*Fonts*/
@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..900;1,100..900&display=swap');

:root {
    /*Font family*/
    --theme-font-family: "Roboto", serif;

    /*sidenav*/
    --ob-nav-text-color: #FFFFFF;
    --ob-nav-bg-color: #202020;

    /*topbar*/
    --ob-custom-nav-text-color: #FFFFFF;
    --ob-custom-nav-bg-color: #1a1a1a;

    /*botón activo en sidenav*/
    --ob-nav-list-active-text-color: #FFFFFF;
    --ob-nav-list-active-bg-color: #1a58a5;

    /*Colors*/
    --theme-primary-50: #e1ecf8;
    --theme-primary-100: #b3cfee;
    --theme-primary-200: #80afe3;
    --theme-primary-300: #4d8fd7;
    --theme-primary-400: #2675ce;
    --theme-primary-500: #1a58a5;
    --theme-primary-600: #004da1;
    --theme-primary-700: #00428c;
    --theme-primary-800: #003778;
    --theme-primary-900: #00265a;
    --theme-primary-A100: #b3d4ff;
    --theme-primary-A200: #80b8ff;
    --theme-primary-A400: #4d9cff;
    --theme-primary-A700: #2689ff;

    --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: #ffffff;
    --theme-primary-contrast-A700: #ffffff;
    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(20);
}

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

/*FOOTER*/
/*Dark version subfooter*/
/*Background subfooter*/
ob-footer.main-footer {
    background-color: #1A1A1A !important;
}

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

/*Button language links subfooter*/
/*Language & icon*/
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #FFFFFF !important;
    font-weight: 400;
}

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

/*Change logo sufooter ONEBOX to FEVER*/
/*Force powered by fever*/
.fever-logo {
    display: block !important;
}

.onebox-logo {
    display: none;
}

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

/*Background Preventa*/

.background-blur {
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/queretarofc_tickets/assets/d9ee1e74-26ea-11f1-9726-1a11796a9c1e.png');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(80%);
}

/**********----------------------- Cartelera Adhoc* -----------------------**********/
/*Estilos para el componente ob-page-events*/
ob-page-events {
    background-image: url(https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/queretarofc_tickets/assets/bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Añade un margen de 24px al contenedor principal*/
ob-page-events section.main-container {
    margin: 24px !important;
}

/*Aplica un fondo transparente al componente main container*/
ob-page-events section.main-container {
    background-color: transparent;
}

/*Aplica un fondo oscuro al componente filtro*/
ob-page-events div.filter-container {
    background-color: #111111 !important;
}

/*Estilo para los botones con borde blanco dentro de la barra de filtros*/
ob-page-events .filter-container ob-button>.mat-mdc-outlined-button:not(:disabled) {
    border: 1px solid #fff !important;
    color: #fff;
}

/*Estilo de la tarjeta de catálogo dentro del componente ob-page-events*/
ob-page-events ob-catalog-card .ob-catalog-card .content {
    padding: 1rem !important;
    color: #fff !important;
    background-color: #202020;
}

/*Colores de texto en los detalles de fecha e información adicional*/
ob-page-events ob-catalog-card .ob-catalog-card .content .dates,
ob-page-events ob-catalog-card .ob-catalog-card .content .view-more-info.ob-link {
    color: #fff !important;
}

/*Estilo específico para el evento con ID 46756, se reemplaza visualmente la imagen original aplicando una nueva como fondo*/
#eventId-46756 .ob-image-container {
    position: relative;
    width: 100%;
    background-image: url("https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/queretarofc_tickets/assets/2909194_376533_1753257422924.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/*Ocultamos la imagen original manteniéndola en el DOM, esto evita romper posibles scripts o estructura del layout*/
#eventId-46756 .ob-image-container img {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Se aplica un borde redondeado en la parte superior del contenedor de imagen*/
.ob-image-container {
    border-radius: 4px 4px 0 0 !important;
}

/*Ocultar componente price card del evento-46756*/
#eventId-46756 ob-min-price-card {
    display: none;
}

/**********----------------------- Página evento Adhoc* -----------------------**********/
/*Fondo ob-page-event*/
ob-page-event {
    background-image: url(https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/queretarofc_tickets/assets/bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Contenedor principal*/
ob-page-event .main-container {
    background-color: transparent !important;
}

/*Títulos h2 con texto blanco*/
ob-page-event h2.title {
    color: #FFFFFF;
}

/*Botones con borde blanco y texto blanco "Buscar por fecha"*/
ob-page-event button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.mat-mdc-button-base {
    border: 1px solid #fff !important;
    color: #fff;
}

/*Tarjetas de catálogo con borde oscuro*/
ob-page-event ob-catalog-item-card mat-card {
    border: 1px solid #202020 !important;
}

/*Contenido de las tarjetas con fondo oscuro y texto blanco*/
ob-page-event ob-catalog-item-card mat-card mat-card-content {
    background-color: #202020;
    color: #fff !important;
}

/*Fondo oscuro para el encabezado principal*/
ob-page-event .page-header-item {
    background-color: #0c1620 !important;
}

/*Fondo componente header "fecha y recinto"*/
ob-page-event .page-header-item .page-header-content-full {
    background-color: #081929 !important;
}

/*Flechas componente header "fecha y recinto"*/
ob-page-event .page-header-item .ob-arrow.ob-arrow-right {
    border-left: 32px solid #0c1620 !important;
}

ob-page-event .page-header-item .ob-arrow.ob-arrow-left {
    border-right: 32px solid #0c1620 !important;
}

/*Texto blanco en el sub-encabezado de eventos*/
ob-page-event ob-event-sub-header span {
    color: #FFFFFF;
}

/*Subtítulos de tarjetas con fondo muy oscuro*/
ob-page-event mat-card-subtitle.mat-mdc-card-subtitle {
    background-color: #111111 !important;
}

/*Texto blanco en subtítulos*/
ob-page-event mat-card-subtitle.mat-mdc-card-subtitle span {
    color: #FFFFFF !important;
}

/*Íconos en subtítulos en color blanco*/
ob-page-event mat-card-subtitle.mat-mdc-card-subtitle .mat-icon {
    color: #FFFFFF !important;
}

/*Fondo solido para eventos*/
.page-header-blur {
    background: #1a1a1a !important;
}

/*Ajusta la apariencia del botón disabled sobre fondo negro*/
button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled.mat-mdc-button-base {
    background-color: #c7c7c7;
}

/*cambia texto en title h3*/
.img-blur h3.title {
    visibility: hidden;
}

.img-blur h3.title:before {
    visibility: visible;
    content: "Quer\00E9taro FC" !important;
}

/*cambia texto en title h3 end*/
/*oculta botón de compra de entradas en page events*/
ob-page-events .titles-container ob-button {
    display: none;
}

/*oculta filtro de busqueda en page events*/
ob-page-events .filter-container {
    display: none;
}

/*cambia color numeral estado disabled abono*/
mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card.horizontal.disabled.session-pack.stroked span.days-count,
mat-card.mat-mdc-card.mdc-card.ob-catalog-item-card.horizontal.disabled.session-pack.stroked span.days-label {
    color: #626668 !important;
}

/*oculta information en page event*/
ob-page-event ob-section-header#eventInformation {
    display: none !important;
}

ob-page-event .mat-mdc-tab-link-container a#mat-tab-link-0 {
    display: none;
}

/*oculta information en page event end*/
/*cambia texto de evento por partidos*/
ob-page-event ob-section-header#eventSessions h2.title.flex.items-center.gap-2 {
    visibility: hidden;
}

ob-page-event ob-section-header#eventSessions h2.title.flex.items-center.gap-2:before {
    visibility: visible;
    content: "Partidos " !important;
}

/*cambia texto de evento por partidos end*/
/*oculta extra info de page header en page event*/
ob-page-event .page-header-item span.flex.items-center.info-item.extra-info {
    display: none !important;
}

/*Ocultar "desde" sesiones especificas 8 MAR - 5 ABRIL - 21 ABRIL DEL 2026*/
ob-catalog-item-card#sessionId-2651548 span.min-price-label,
ob-catalog-item-card#sessionId-2651549 span.min-price-label,
ob-catalog-item-card#sessionId-2651552 span.min-price-label {
    display: none;
}

/*Arregla error background color en boton disabled*/
ob-button-link.large a.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled.mat-mdc-button-base {
    background-color: #a0a0a0;
}