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

/********* 
INDEX
1 - CUSTOM BUTTONS
2 - MOBILE
3 - HIDDEN ELEMENTS
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;
    width: 30px !important;
    height: 30px !important;
    font-size: 0;
    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;
    }
  }
}

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

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

/*ocultar zonas de precio*/
.item-pz-419018,
.item-pz-419019,
.item-pz-419020,
.item-pz-419021,
.item-pz-419022,
.item-pz-419023,
.item-pz-419024,
.item-pz-419026,
.item-pz-419027,
.item-pz-419028,
.item-pz-419029,
.item-pz-419031,
.item-pz-419032,
.item-pz-419033,
.item-pz-419035,
.item-pz-419036,
.item-pz-419038,
.item-pz-419039,
.item-pz-419041,
.item-pz-419043,
.item-pz-419044,
.item-pz-419045,
.item-pz-426576,
.item-pz-426577 {
  display: none;
}

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

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

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

/* ==========================================================================
   CODE MAINTAINED BY DESIGN
   ==========================================================================
   This stylesheet is strictly organized by categories to keep the code 
   clean, modular, and easy to maintain. 
   
   If you need to add new CSS rules, please consult Design Ops to identify the 
   correct section before inserting your code.
   
   Always sign your additions:
   - Code by [Your Name]
   ========================================================================== */