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

    :root {
        /*Fonts*/
        --theme-font-family: "Montserrat", sans-serif;
        /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
        /*Navbar colors*/
        --ob-nav-text-color: #000000;
        --ob-nav-bg-color: #fff;
        /*color primary*/
        --theme-primary-50: #fdf5de;
        --theme-primary-100: #ffedbd;
        --theme-primary-200: #ffde85;
        --theme-primary-300: #ffcb3d;
        --theme-primary-400: #ffc21f;
        --theme-primary-500: #ffba00;
        --theme-primary-600: #e0a400;
        --theme-primary-700: #c28d00;
        --theme-primary-800: #a37700;
        --theme-primary-900: #0f1017;
        --theme-primary-A100: #ffffff;
        --theme-primary-A200: #ffe399;
        --theme-primary-A400: #ffc833;
        --theme-primary-A700: #ffc11a;
        /*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: #000000;
        --theme-primary-contrast-500: #000000;
        --theme-primary-contrast-600: #000000;
        --theme-primary-contrast-700: #000000;
        --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;
    }

    /* --> Specific CSS goes HERE <--*/
    /*Footer*/
    app-channel-footer {
        background-color: #000 !important;
        text-align: center;
    }

    .footer-img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Mostrar la imagen de escritorio por defecto */
    .footer-desktop {
        display: block;
    }

    .footer-mobile {
        display: none;
    }

    /* Cuando el ancho sea menor o igual a 768px (móvil) */
    @media screen and (max-width: 768px) {
        .footer-desktop {
            display: none;
        }

        .footer-mobile {
            display: block;
        }
    }

    /*Dark version subfooter*/
    ob-footer.main-footer {
        background-color: #0f1017 !important;
    }

     ob-footer.main-footer {
        color: #fff !important;
    }

    ob-footer.main-footer img {
        filter: brightness(20) !important;
    }

    ob-footer.main-footer span.mdc-button__label {
        color: #fff !important;
    }

    ob-footer.main-footer .mat-mdc-outlined-button:not(:disabled) {
        color: #fff !important;
    }

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

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