*{
    --color-rojo: #eb322f;
    --color-blanco: #fff;
    --color-oscuro: #3b3c4b;
    --color-gris: #444444;
}

html{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-size: 62.5%;
    font-family: 'DIN Pro' ;
}

body{
    background-color: var(--color-blanco);
}

h3{
    color: var(--color-gris);
    font-size: 1.8rem;
    font-weight: bold;
}

p{
    color: var(--color-gris);
    font-size: 1.5rem;
}

img{
    width: 100%;
}

.full{
    width: 100%;
}

.semi-full{
    width: 80%;
}


.quarter{
    width: 30%;
}

.margen-inferio{

    margin-bottom: 2rem;

}

.margen-seccion{
    margin-bottom: 4rem;
}


.centrado{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 2rem auto;
}

.contenedor_card{
    flex-direction: row;
}

.card{

    height: auto;
    flex-direction: column;
    width: 30%;
    justify-content: flex-start;
    text-align: center;
}

.footer{
    background-color: var(--color-rojo);
    text-align: center;
    margin-bottom: 0;
    border-radius: 2rem;
}

    .footer p{
        color: var(--color-blanco);
    }


@media (max-width:700px) {
    
    .centrado{
        flex-direction: column;
        width: 80%;
    }
    
}



@font-face {
    font-family: 'DIN Pro';
    src: url('../fuente/DINPro-Medium.ttf');
}