/*import*/
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    /*Fonts*/
    --theme-text-1: #1b1424;
    --theme-font-family: "Hanken Grotesk", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #212121;
    /*color primary*/
    --theme-primary-50: #ebe1ef;
    --theme-primary-100: #cdb4d6;
    --theme-primary-200: #ab83bb;
    --theme-primary-300: #8951a0;
    --theme-primary-400: #702b8b;
    --theme-primary-500: #570677;
    --theme-primary-600: #4f056f;
    --theme-primary-700: #460464;
    --theme-primary-800: #3c035a;
    --theme-primary-900: #2c0247;
    --theme-primary-A100: #b29bff;
    --theme-primary-A200: #8a68ff;
    --theme-primary-A400: #6335ff;
    --theme-primary-A700: #4f1cff;

    --theme-primary-contrast-50: #212121;
    --theme-primary-contrast-100: #212121;
    --theme-primary-contrast-200: #212121;
    --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: #212121;
    --theme-primary-contrast-A200: #212121;
    --theme-primary-contrast-A400: #FFFFFF;
    --theme-primary-contrast-A700: #FFFFFF;
    /* Obfooter: logo filter */
    --ob-custom-logo-filter: brightness(20);

}

/* BORDE del navbar con DEGRADADO */
.mat-toolbar {
    background-color: var(--ob-nav-bg-color);
    border: none;
    border-bottom: 7px solid;
    border-image: linear-gradient(to right, #bf168b, #570677) 1;
    border-image-slice: 1;
}

/*============================================================
  INDICE
  1)Topbar
  2)Cookies
  3)Info / Sticky
  4)Obfooter
  5)Mobile
  6)Promociones
  7)Preventa
  9)Checkout
 ============================================================*/

/*============================================================
    1)Topbar
 ============================================================*/

/*Divisor inferior de los enlaces en dropdown*/
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
    border-bottom: 1px solid #DDD;
}

/*Botón de topbar deshabilitado*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
    color: #B1B1B161;
}

/*============================================================
    2)Cookies
 ============================================================*/

/*Color por defecto para icono y enlaces de cookies*/
.cookie-policy .icon,
.cookie-header a {
    color: #9747FF;
}

/*Hover para icono y enlaces de cookies*/
.cookie-policy .icon:hover,
.cookie-header a:hover {
    color: #7132C4;
}

/*============================================================
    3)Info / Sticky
 ============================================================*/

/*Fondo del bloque sticky de info de sesión*/
.session-info-sticky.is-stuck {
    background: #F0E6FF;
}

/*============================================================
    4)Obfooter
 ============================================================*/

/*Fondo del Obfooter*/
ob-footer.main-footer {
    background-color: #212121 !important;
}

/*Color de texto y enlaces en Obfooter y 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: #FFF !important;
}

/*Texto de botones de idioma e iconos*/
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #FFF !important;
}

/*Borde de botones outlined en el footer*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #FFF !important;
}

/*Texto "powered by"*/
ob-footer.main-footer section.items-center {
    color: #FFF;
}

/*============================================================
    5)Mobile
 ============================================================*/

/*<= ~640px: ocultar footer de canal*/
@media only screen and (max-width: 40.063em) {
    .channel-footer {
        display: none;
    }
}

/*============================================================
    6)Promociones
 ============================================================*/

/*Precio base con clase de tachado: anula tachado, fuerza color y peso*/
.ob-base-price.ob-linethrough,
del.previous-price-label,
.ob-dialog .ob-rate-base-price {
    text-decoration: none !important;
    color: #1B1424 !important;
    font-weight: 700 !important;
}

/*Oculta el precio promocionado*/
.ob-base-promoted-price,
span[data-testid="ob-catalog-item-min-price"],
.ob-dialog ob-rate-final-price {
    display: none;
}

/*Oculta etiqueta de promoción*/
.ob-promotion-tag {
    display: none;
}

/*============================================================
    7)Preventa
 ============================================================*/

/*Ajuste del tamaño de la imagen de fondo en la pantalla de login o preventa*/
.background-blur {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/funticket/img/background.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(80%);
}

/*============================================================
    8)Seguros
 ============================================================*/

/*Ocultar precio y cambiar color condiciones*/
.cancellation-amount {
    display: none;
}

.privacy-and-terms button {
    color: #767676;
}

.cancellation-container .expand-details button {
    color: #767676;
    text-decoration: none;
}

/*============================================================
    9)Checkout
 ============================================================*/

/*Modificar en check out el color del estado “checked” del checkbox “Ticket Secure”*/
.checkout section.section.ticket-secure .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background {
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9;
}

.checkout .mat-mdc-checkbox .mdc-label {
    color: #767676 !important;
}