/*import*/
  @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500;700&display=swap');

  :root {
      /*Fonts*/
      --theme-font-family: "Barlow", sans-serif;
      /*Navbar Colors*/
      --ob-nav-text-color: #fff;
      --ob-nav-bg-color: #171736;
      /*color primary*/
      --theme-primary-50: #ffffff;
      --theme-primary-100: #f8cbcb;
      --theme-primary-200: #f29a9a;
      --theme-primary-300: #ea5a5a;
      --theme-primary-400: #e63f3f;
      --theme-primary-500: #e32424;
      --theme-primary-600: #ce1a1a;
      --theme-primary-700: #b31717;
      --theme-primary-800: #981313;
      --theme-primary-900: #7d1010;
      --theme-primary-A100: #ffffff;
      --theme-primary-A200: #ffa1a1;
      --theme-primary-A400: #f74242;
      --theme-primary-A700: #eb3535;
      /*color contrast*/
      --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);
  }

  /********* 
INDEX
0 - GENERAL
1 - FOOTER
2 - FOOTER PERSONALIZADO CON IMAGENES
3 - BUTTONS
4 - OCULTADO
*********/

  /********* 
1 - NAVBAR
*********/

  mat-toolbar.mat-toolbar {
      background-color: #171736;
  }

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

  /********* 
1 - FOOTER
*********/
  /*Footer*/
  #desktop-footer {
      background-color: #292152;
  }

  /*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: #fff !important;
  }

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

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

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

  /*logo FEVER en BLANCO*/
  /*Force powered by fever*/
  .fever-logo {
      display: block !important;
  }

  .onebox-logo {
      display: none
  }

  /********
2 - FOOTER PERSONALIZADO
*********/

  /*Footer*/
  .footer-ifema {
      background: url('https://dp3ublqw81ucq.cloudfront.net/pro/ifema2/img/bg-footer.png') top;
      background-size: cover;
      height: 345px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      padding: 0 5rem;
      margin-top: 2rem;
  }

  .footer-text,
  .payment-info {
      padding-bottom: 3rem;
  }

  img.chat {
      width: 35px;
  }

  p.chat-title {
      font-size: 22px;
      font-weight: 700;
      color: #FFF;
  }

  p.chat-text {
      font-size: 16px;
      color: #fff;
  }

  .payment-info {
      text-align: right;
  }

  .payment-info img {
      width: 370px;
      margin: 1.5rem 0;
  }
/********
BUTTONS
*********/
/*Buttons*/
button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-base {
    background-image: linear-gradient(to top, #e32424, #eb4f2a);
}
button.mdc-button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary.mat-mdc-button-base:hover {
    background-image: linear-gradient(to top, #e32424, #e32424);
}

  /******
4 - OCULTADO
*****/
  /*Ocultar listado de precios panel derecho id-31317 */
  .eventId-31317 #prices-grid .grid-row span.price-wrapper {
      display: none !important;
  }

  .view-name {
      padding: 1rem !important;
  }
  /*Hide footer on mobile*/
  @media only screen and (max-width: 40.063em) {
      ob-footer#desktop-footer {
          display: none !important;
      }
  @media only screen and (max-width: 40.063em) {
            .footer-ifema {
          display: none !important;
      }
    }
}

/* 1. Ocultamos el bloque de texto del chat */
.footer-text {
    display: none !important;
}

/* 2. Forzamos que el contenedor de pagos se vaya a la derecha */
.payment-info {
    margin-left: auto !important;
}