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

:root {
    /*Fonts*/
    --theme-font-family: "Roboto Condensed", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #212121;
    /* Nueva gama de colores basada en #56D6B4 */
    --theme-primary-50: #E3F8F2;
    --theme-primary-100: #B8EDE0;
    --theme-primary-200: #89E1CD;
    --theme-primary-300: #5BD4BA;
    --theme-primary-400: #38CCAC;
    --theme-primary-500: #56D6B4;
    /* Color principal */
    --theme-primary-600: #42B598;
    --theme-primary-700: #369580;
    --theme-primary-800: #2A7568;
    --theme-primary-900: #1A4D45;
    --theme-primary-A100: #A7FFEE;
    --theme-primary-A200: #74FFDC;
    --theme-primary-A400: #41FFCA;
    --theme-primary-A700: #28E8B5;

    /* Colores de contraste */
    --theme-primary-contrast-50: #212121;
    --theme-primary-contrast-100: #212121;
    --theme-primary-contrast-200: #212121;
    --theme-primary-contrast-300: #212121;
    --theme-primary-contrast-400: #212121;
    --theme-primary-contrast-500: #212121;
    /* Contraste para color principal */
    --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: #212121;
    --theme-primary-contrast-A700: #212121;
    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(20);
}

/*===============================
    INDEX
    1) Login
    2) Top bar
    3) Ob Footer
    4) Custom Footer
===================================*/

/*-----------------------------------
    1) Login
-------------------------------------*/

/* --> LOGIN STYLES<--*/
.background-blur {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/lesnitsdebarcelonapalaupedralbes/assets/bg-login.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

/*-----------------------------------
    2) Top bar
-------------------------------------*/

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

/*NAVBAR*/
mat-toolbar.mat-toolbar.ob-top-bar.flex.justify-between.mat-toolbar-single-row {
    background-color: #000;
}

/*-----------------------------------
    3) Ob Footer
-------------------------------------*/

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

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

/*-----------------------------------
    4) Custom Footer
-------------------------------------*/

/* Footer container */
.footers-container {
    background-color: #fff;
}

/* Footer spacing */
.channel-footer {
    margin-top: 4rem;
}

/* Footer internal padding */
.channel-footer-content {
    padding: 1.2rem;
}

/* Sponsor row */
.row-custom {
    margin: 1.5rem;
}

/* Remove underline from sponsor links */
.row-custom a {
    text-decoration: none;
}

/* Title separator */
.title-custom {
    border-bottom: 2px solid #56D6B4;
    margin-bottom: 1rem;
}

/* Title text */
.title-custom-text {
    font-size: 0.8rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

/* Footer links color */
footer .ob-link {
    color: #fff;
}

/* Sponsor logos container */
.sponsors-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}

/* Sponsor logos */
.sponsors-img img {
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Logos muy horizontales */
.sponsors-img img.logo-horizontal {
    height: auto;
    max-width: 120px;
}

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