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

:root {
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #df232f;
    /*Fonts*/
    --theme-font-family: "Poppins", sans-serif;
    /*color primary*/
    --theme-primary-50: #E4E4E4;
    --theme-primary-100: #BBBBBB;
    --theme-primary-200: #8D8D8D;
    --theme-primary-300: #5F5F5F;
    --theme-primary-400: #3D3D3D;
    --theme-primary-500: #1B1B1B;
    --theme-primary-600: #181818;
    --theme-primary-700: #141414;
    --theme-primary-800: #101010;
    --theme-primary-900: #080808;
    --theme-primary-A100: #FF5050;
    --theme-primary-A200: #FF1D1D;
    --theme-primary-A400: #E90000;
    --theme-primary-A700: #CF0000;
    /* Colores de contraste */
    --theme-primary-contrast-50: #212121;
    --theme-primary-contrast-100: #212121;
    --theme-primary-contrast-200: #ffffff;
    --theme-primary-contrast-300: #ffffff;
    --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: #212121;
    --theme-primary-contrast-A200: #ffffff;
    --theme-primary-contrast-A400: #ffffff;
    --theme-primary-contrast-A700: #ffffff;
}

/*====================================================
    INDEX
    1) Titles
    2) Custom Footer
=====================================================*/

/*----------------------------------------------------
    1) Titles
----------------------------------------------------*/

/*Mayúsculas en el titulo*/
span.title {
    text-transform: uppercase;
}

/*----------------------------------------------------
    2) Custom Footer
----------------------------------------------------*/

.footer-container img {
    width: 14rem;
    margin: 2rem;
}

.footer-container {
    background-color: #B00B26;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: auto;
}

.sponsor-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

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