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

:root {
    /*Font family*/
    --theme-font-family: "Montserrat", sans-serif;
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #060606;

    --theme-primary-50: #f2f2f2;
    --theme-primary-100: #e6e6e6;
    --theme-primary-200: #cccccc;
    --theme-primary-300: #b3b3b3;
    --theme-primary-400: #999999;
    --theme-primary-500: #000;
    --theme-primary-600: #171717;
    --theme-primary-700: #141414;
    --theme-primary-800: #0f0f0f;
    --theme-primary-900: #0a0a0a;
    --theme-primary-A100: #bbbbbb;
    --theme-primary-A200: #888888;
    --theme-primary-A400: #444444;
    --theme-primary-A700: #222222;

    --theme-primary-contrast-50: #1a1a1a;
    --theme-primary-contrast-100: #1a1a1a;
    --theme-primary-contrast-200: #1a1a1a;
    --theme-primary-contrast-300: #1a1a1a;
    --theme-primary-contrast-400: #1a1a1a;
    --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: #1a1a1a;
    --theme-primary-contrast-A200: #ffffff;
    --theme-primary-contrast-A400: #ffffff;
    --theme-primary-contrast-A700: #ffffff;

    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(20);
}

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

/*----------------------------------------
    2) ObFooter
----------------------------------------*/
#desktop-footer {
    background-color: #1a1a1a;
}

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

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

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

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

/*----------------------------------------
    3) Background Login
----------------------------------------*/

/*Correccion del tamano de la imagen de fondo en el login, esta regla asegura que la imagen no se desborde ni rompa el diseno visual*/
.background-blur {
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/80voltes/assets/background.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(80%);
}