/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

:root {
    /*Tipografia*/
    --theme-font-family: 'Open Sans', sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #262626;
    /*Color*/
    --theme-primary-50: #fff2f4;
    --theme-primary-100: #ffdce0;
    --theme-primary-200: #ffc3cb;
    --theme-primary-300: #fea9b6;
    --theme-primary-400: #fe97a6;
    --theme-primary-500: #DB6776;
    --theme-primary-600: #e37381;
    --theme-primary-700: #c05f6d;
    --theme-primary-800: #9f4c59;
    --theme-primary-900: #803a47;
    --theme-primary-A100: #ffc1c9;
    --theme-primary-A200: #ff8a9a;
    --theme-primary-A400: #ff5b71;
    --theme-primary-A700: #ff3a56;

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

/*Navbar*/
mat-toolbar.mat-toolbar.ob-top-bar.mat-toolbar-single-row {
    border-bottom: 1px solid #fff;
}

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

/*Este código fuerza el color #1B1B1B en el ícono de promoción para garantizar que cumpla con los estándares de accesibilidad y evitar problemas de contraste.*/
ob-promotions-banner .ob-message mat-icon.mat-icon {
    color: #1B1B1B;
}