:root
{
    --negro: #1C1C1B;
    --rojo: #E41E1E;
    --animate-delay: 0.25s;
}

/*@import url(https://db.onlinewebfonts.com/c/7d3930158276067e79e7e9b281b78976?family=TCCC-UnityText+Regular); */

 @font-face {
    font-family: 'Gotham';
    src: local('Gotham-Medium'),
        url('fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Book'),
        url('fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Black'),
        url('fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Light'),
        url('fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Bold'),
        url('fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: local('Gotham-Thin'),
        url('fonts/Gotham-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


 *:not(.fa-solid)
 {
    font-family: "Gotham", sans-serif !important; 
    /*font-family: "TCCC-UnityText Regular", sans-serif !important; */
    font-weight: 400;
    color: #1C1C1B;
 }

 .hidden
 {
    display: none;
 }

 .column
 {
    position: relative;
 }

 h1
 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 900 !important;
 }

 h2
 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bolder;
 }

.button.full-width
{
    width: 100%;
    font-weight: 600;
    color: #fff;
    background: var(--rojo);
    border-radius: 0;
    border-width: 0;
}
 

img.video-poster
{
    position: absolute;
    opacity: 0;
    height: 50px;
}

.more-info-wrapper
{
    position: absolute;
    z-index: 100;
    right: 48px;
    margin-top: 8px;
    font-size: 32px;
    color: var(--rojo);
}