@font-face {
    font-family: 'Vodafone';
    src: url('../fonts/Vodafone_Rg.ttf') format('truetype');
    font-style: regular;
    font-weight: 400;
}
@font-face {
    font-family: 'Vodafone';
    src: url('../fonts/Vodafone_Bd.ttf') format('truetype');
    font-style: bold;
    font-weight: 600;
}


:root {
    --color-01: #E60000;  /*** COLOR PRINCIPAL ***/
    --color-02: #DB0007;  /*** COLOR SECUNDARIO ***/
    --color-03: #264F36;  /*** COLOR TERCIARIO ***/
}

*{
  font-family: 'Vodafone' !important;
}

html{
    font-size: 16px;
    scroll-behavior: smooth;
}

/* VARIOS ==========================================
====================================================*/



.btn-primary{
    background: var(--color-01) !important;
    color: #ffffff;
    border-color: var(--color-01) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.btn-primary:hover{
    background: color-mix(in srgb, var(--color-01) 95%, black) !important;
    color: #ffffff;
    border-color: color-mix(in srgb, var(--color-01) 95%, black) !important;
    box-shadow: none;
}



/* FUENTES ==========================================
====================================================*/

.text-small{
    font-size: 0.8rem;
}


.text-primary{
    color: var(--color-01) !important;
}



/* BACKGROUNDS =====================================
====================================================*/

.bg-primary{
    background: var(--color-01) !important;
}

.bg-principal{
    min-height: 100dvh;
    position: relative;
    background: linear-gradient(to right, #710303, #DC0000);
}





@media (min-width: 768px){

    html{
        font-size: 18px;
    }
}



@media (min-width: 992px){

    .bg-principal{
        background: linear-gradient(to right, #710303, #DC0000);
    }
    
}