/*import*/
    @font-face {
        font-family: 'Satoshi-Regular';
        src: url('https://client-dists-resources.s3.amazonaws.com/channels-client/elboscdelssomnis/assets/fonts/Satoshi-Regular.woff2') format('woff2');
        /* Safari, Android, iOS */
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Satoshi-Bold';
        src: url('https://client-dists-resources.s3.amazonaws.com/channels-client/elboscdelssomnis/assets/fonts/Satoshi-Bold.woff2') format('woff2');
        /* Safari, Android, iOS */
        font-weight: 700;
        font-style: bold;
    }

    :root {
        --ob-custom-logo-filter: brightness(80);
        --theme-font-family: "Satoshi-Regular", sans-serif;
        /*Navbar Colors*/
        --ob-nav-text-color: #fff;
        --ob-nav-bg-color: #181144;
        /*color primary*/
        --theme-primary-50: #ffffff;
        --theme-primary-100: #ffffff;
        --theme-primary-200: #ffffff;
        --theme-primary-300: #edf8ff;
        --theme-primary-400: #cfebff;
        --theme-primary-500: #b0dfff;
        --theme-primary-600: #91d3ff;
        --theme-primary-700: #73c6ff;
        --theme-primary-800: #54baff;
        --theme-primary-900: #36adff;
        --theme-primary-A100: #ffffff;
        --theme-primary-A200: #ffffff;
        --theme-primary-A400: #e3f4ff;
        --theme-primary-A700: #c9e9ff;

        --theme-primary-contrast-50: #131313;
        --theme-primary-contrast-100: #131313;
        --theme-primary-contrast-200: #131313;
        --theme-primary-contrast-300: #131313;
        --theme-primary-contrast-400: #131313;
        --theme-primary-contrast-500: #131313;
        --theme-primary-contrast-600: #131313;
        --theme-primary-contrast-700: #131313;
        --theme-primary-contrast-800: #131313;
        --theme-primary-contrast-900: #131313;
        --theme-primary-contrast-A100: #131313;
        --theme-primary-contrast-A200: #131313;
        --theme-primary-contrast-A400: #131313;
        --theme-primary-contrast-A700: #131313;
    }

/********* 
INDEX
1 - NAVBAR
2 - BODY
3 - HIDDEN ELEMENTS
4 - FOOTER
*********/

/********* 
1 - NAVBAR
*********/

    /*Navbar*/
    mat-toolbar.mat-toolbar.ob-top-bar.mat-toolbar-single-row {
        border-bottom: 0.1rem #D8EFFF solid;
    }

    /*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 - BODY
*********/

    /*Body Background*/
    body {
        background-color: #D8EFFF;
    }

    .ob-sidenav-container.mat-sidenav-container .mat-sidenav-content {
        background-color: #fff;
    }

    /*Force margin on main container*/
    .main-container {
        margin: 1rem auto !important;
        border-radius: 0.8rem;
    }

    /*Module gift card*/
    .gift-card {
        background-color: #A243A0 !important;
    }

    /*Buttons*/
    .main-container button {
        border-radius: 50px !important;
        text-transform: uppercase !important;
    }

    .main-container span.mdc-button__label {
        font-family: "Satoshi-Bold", sans-serif;
    }

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

    /*ocultar botones volver*/
    .page-header-blur mat-icon.mat-icon {
        display: none !important;
    }

/********* 
4 - FOOTER
*********/

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