/*import*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Phudu:wght@300..900&display=swap');

:root {
    /*Fonts*/
    --theme-font-family: "Poppins", sans-serif;
    /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
    /*Navbar Colors*/
    --ob-nav-text-color: #282828;
    --ob-nav-bg-color: #FFF;
    /*color primary*/
    --theme-primary-50: #FBE1E6;
    --theme-primary-100: #F6B5C0;
    --theme-primary-200: #F08496;
    --theme-primary-300: #E9536B;
    --theme-primary-400: #E52E4C;
    --theme-primary-500: #E0092C;
    --theme-primary-600: #DC0827;
    --theme-primary-700: #D80621;
    --theme-primary-800: #D3051B;
    --theme-primary-900: #CB0210;
    --theme-primary-A100: #FFF3F3;
    --theme-primary-A200: #FFC0C2;
    --theme-primary-A400: #FF8D91;
    --theme-primary-A700: #FF7479;
    --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;
    /*Force font weight*/
    --theme-headline-5-font-weight: 300;
    --theme-headline-6-font-weight: 300;
    --theme-subtitle-1-font-weight: 300;
    --theme-body-1-font-weight: 300;
    --theme-body-2-font-weight: 300;
    --theme-caption-font-weight: 300;
    --theme-headline-1-font-weight: 600;
    --theme-headline-2-font-weight: 600;
    --theme-headline-3-font-weight: 600;
    --theme-headline-4-font-weight: 600;
    --theme-button-font-weight: 600;
    /*Header*/
    --ob-channel-header-height: 80px;
}

/********* 
INDEX
1 - CUSTOM BUTTONS
2 - MOBILE
3 - HIDDEN ELEMENTS
4 - OTHERS
5 - FOOTER
*********/

/********* 
1 - CUSTOM BUTTONS
*********/

/*fuente personalizada en buton custom*/
.phudu-boton {
  font-family: "Phudu", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.icon-btns-container .mdc-button {
  font-family: "Phudu", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-variation-settings: "wght" 500;
}

/*buton custom MI CUENTA*/

ob-login ob-button:not(.small).ob-member-login-button.large button .ob-icon {
  font-size: 0;
  position: relative;
  background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/clubathleticpremium/assets/icon-user-ath.svg');
  background-size: 24px;
  width: 24px !important;
  height: 24px !important;
}

.ob-member-login-button.large {
  display: flex;
  min-width: 96px;
  max-width: 248px;
  height: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: #E0092C;
  padding-right: 8px;
}

.ob-member-login-button.large {
  .user-name, span {
    color: white;
  }
}

/* ocultar el input y boton validar en promos colectivos */
ob-promotions-dialog ob-promotions .mat-expansion-panel.ob-bounded-expansion-panel .ob-collective-validation-container {
    .ob-collective-form {
        display: none;
    }
    .ob-validated-collective-text {
        margin-top: 0;
    }
}

/********* 
2 - MOBILE
*********/

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

  .icon-btns-container .mdc-button {
    font-size: 14px;
  }

  /* cambiamos el icono en mobile */
  ob-login ob-button:not(.small).ob-member-login-button.large button .ob-icon {
    background-image: url('https://client-dists-resources-pre.s3.amazonaws.com/channels-client/athchannel/assets/ath-icon-red-mobile.svg');
    background-size: 30px 30px;
    /* <-- ¡más grande! */
    width: 30px !important;
    height: 30px !important;
    font-size: 0;
    /* ocultamos el texto interno del icono */
    margin: 0;
  }

  /* ocultar el texto en mobile */
  .ob-member-login-button.large .user-name {
    display: none;
  }

  /* botón más pequeño si solo queda el icono */
  .ob-member-login-button.large {
    width: 36px;
    min-width: 36px;
    padding-right: 0;
    button {
      margin: 0;
    }
  }
}

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

/********* 
3 - HIDDEN ELEMENTS
*********/

/*Hide the module "from "0,00 € view sessions"*/
.events .min-price-card {
    display: none;
}

/* ajustamos la altura del contenido de la selección gráfica en base a la altura extra del channel-header */
.main-container {
    --gr-sel-offset-top: calc(var(--ob-top-bar-height) + var(--channels-session-header-tiny-height) + var(--ob-channel-header-height)) !important;
}

@media (min-width: 640px) {
    .main-container {
        --gr-sel-offset-top: calc(var(--ob-top-bar-height) + var(--channels-session-header-img-height) + var(--ob-channel-header-height)) !important;
    }
}

.views-expanded {
    --gr-sel-tabs-panel-max-height: calc(100dvh - var(--channels-session-header-tiny-height) - var(--ob-channel-header-height)) !important;
}

/********* 
4 - OTHERS
*********/

/*Header*/
div.sponsors {
    text-align: right;
}

div.sponsors a img {
    width: 80px;
    margin: 10px;
}

/********* 
5 - FOOTER
*********/

/*Background subfooter*/
ob-footer.main-footer {
    background-color: #141414 !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: #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;
}

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

/*Powered by*/
/*Logo ONEBOX*/
ob-footer.main-footer img[src="assets/onebox.svg"] {
    filter: brightness(20) !important;
}

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

/*Footer*/
.footer-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
}