    /*import*/
    @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

    :root {
        /*Fonts*/
        --theme-font-family: "Titillium Web", sans-serif;
        /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
        /*Navbar Colors*/
        --ob-nav-text-color: #1d1d1c;
        --ob-nav-bg-color: #fff;
        /*color primary*/
        --theme-primary-50: #FAE4E5;
        --theme-primary-100: #F4BBBD;
        --theme-primary-200: #EC8E91;
        --theme-primary-300: #E46165;
        --theme-primary-400: #DF3F44;
        --theme-primary-500: #D91D23;
        --theme-primary-600: #D51A1F;
        --theme-primary-700: #CF151A;
        --theme-primary-800: #CA1115;
        --theme-primary-900: #C00A0C;
        --theme-primary-A100: #FFEBEC;
        --theme-primary-A200: #FFB8B9;
        --theme-primary-A400: #FF8586;
        --theme-primary-A700: #FF6C6D;
        --theme-primary-contrast-50: #000000;
        --theme-primary-contrast-100: #000000;
        --theme-primary-contrast-200: #000000;
        --theme-primary-contrast-300: #000000;
        --theme-primary-contrast-400: #FFFFFF;
        --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: #000000;
        --theme-primary-contrast-A200: #000000;
        --theme-primary-contrast-A400: #000000;
        --theme-primary-contrast-A700: #000000;
    }

    /*NAVBAR*/
    mat-toolbar.mat-toolbar.ob-top-bar.mat-toolbar-single-row {
        background-color: #fff;
    }

    /*BODY*/
    /*Mayúsculas en el titulo*/
    span.title {
        text-transform: uppercase;
    }

    /*Botones color primario*/
    ob-button>.mat-mdc-icon-button.flat.mat-primary:not(:disabled),
    ob-button>.mat-primary.mat-mdc-unelevated-button {
        background: #ff7f00 !important;
        color: #252309 !important;
        text-transform: uppercase;
    }

    ob-button>.mat-mdc-icon-button.flat.mat-primary:hover:not(:disabled),
    ob-button>.mat-primary.mat-mdc-unelevated-button:hover {
        background: #d91d23 !important;
        color: #fff !important;
        text-transform: uppercase;
    }

    .mat-mdc-outlined-button:not(:disabled),
    ob-button>.mat-mdc-icon-button.stroked.light:not(:disabled) {
        background: #fff;
    }

    /*linea personalizada color*/
    .page-menu-content li a.active,
    .page-menu-content li a:hover {
        border-bottom: 4px solid #ff7f00 !important;
    }

    /*botón info con color*/
    button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.white.mat-unthemed.mat-mdc-button-base.ng-star-inserted {
        background: #d91d23;
    }

    /*barra de buscador de color */
    .filter-container[_ngcontent-ng-c3513566214] {
        background: #d91d23;
    }

    /*EVENTO TITLE MOTORLAND*/
    ob-event-header#event-header .title {
        font-weight: 700 !important;
    }