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

:root {
    /*Fonts*/
    --theme-text-2: #101316;
    --theme-text-1: #101316;
    --theme-font-family: "Roboto", sans-serif;
    /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #cf152d;
    /*color primary*/
    --theme-primary-50: #F9E3E6;
    --theme-primary-100: #F1B9C0;
    --theme-primary-200: #E78A96;
    --theme-primary-300: #DD5B6C;
    --theme-primary-400: #D6384D;
    --theme-primary-500: #CF152D;
    --theme-primary-600: #CA1228;
    --theme-primary-700: #C30F22;
    --theme-primary-800: #BD0C1C;
    --theme-primary-900: #B20611;
    --theme-primary-A100: #FFDCDD;
    --theme-primary-A200: #FFA9AC;
    --theme-primary-A400: #FF767B;
    --theme-primary-A700: #FF5D62;
    --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;
}

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

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

/*Main container*/
.main-container {
    box-shadow: #0510290a 0px 4px 6px 2px;
}

/*FOOTER*/
.sponsors {
    background-color: #c50f27;
    text-align: center;
    padding: 4rem;
}

.sponsors a {
    text-decoration: none;
}

.sponsors img {
    width: 14rem;
    opacity: 1;
    /* Opacidad completa por defecto */
}

.sponsors img:hover {
    opacity: 0.8;
    /* Baja la opacidad al hacer hover */
}

.sponsors-1,
.sponsors-2,
.sponsors-3 {
    padding-bottom: 2rem;
}

/*Mobile*/
@media (max-width: 599px) {
    app-channel-footer {
        display: none;
    }
}