:root {
    --color-yellow-txt--primary: #F9D672;
    --color-red-txt--primary: #C3002F;
    --color-red-txt--secondary: #A10027;
    --color-green-whats--primary: #00BB3C;
    --gold: #F9D672;
    --white: #FFFFFF;
    --background: #C3002F;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-container {
    width: 100%;
    max-width: 1600px;
}

footer {
    width: 100%;
}

.d-none {
    display: none !important;
}

.promo-text__regular {
    font-weight: 400;
}

.promo-text__bold {
    font-weight: 800;
    color: white;
}

.promo-text__gold {
    font-weight: 800;
    color: var(--color-yellow-txt--primary) !important;
}

.promo-text__italic {
    font-style: italic;
    font-weight: 400;
}

strong {
    font-weight: 900 !important;
}

.mt-20 {
    margin-top: 20px;
}

.text-uppercase {
    text-transform: uppercase;
}

/*FONTS*/
@font-face {
    font-family: 'Barlow-Black';
    src: url("../Fonts/Barlow-Black.ttf");
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url("../Fonts/Barlow-Bold.ttf");
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url("../Fonts/Barlow-Medium.ttf");
}

@font-face {
    font-family: 'Clorck';
    src: url("../Fonts/ClockForge-Regular.ttf");
}
/*--------------------------------------------------------*/

@keyframes bounce {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}


/*Animacion de rotacion/loader*/
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}