body{

    background:white;

    font-family:Roboto, Arial, sans-serif;

    margin:0;

}

.contenedor{

    width:500px;      /* El mismo ancho de la credencial */

    margin-top:22px;

    margin-left:17px;

}

.estado{

    width:100%;

    margin-bottom:12px;

}
.credential{

    width:100%;

    margin:0;

}
.overlay{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}
.foto{width:190px;height:190px;object-fit:cover;margin-top:120px}
#nombre{
    margin-top:40px;
    font-size:2.6rem;
    font-weight:700;
}
#apellido{font-size:2rem;font-weight:300}
#tipo{margin-top:15px;font-size:2rem; font-weight:300}
.carrera{max-width:350px;font-size:2.1rem;font-weight:700;line-height:1.3}
.qr{

    width:100px;

    margin-top:0px;

}
.fondo{
    width:100%;
    height:auto;
    display:block;
}
/* MATRÍCULA */

.matricula{

    color:white;

    font-size:15.5px;

    margin-top:15px;

    margin-bottom:2px;

    text-align:center;

}

.matricula strong{

    font-weight:bold;

}

.matricula span{

    font-weight:400;

}

/* VIGENCIA */

.vigencia{

    color:white;

    font-size:15.5px;

    margin-top:0;
 margin-bottom:6px;
    text-align:center;

}

.vigencia strong{

    font-weight:bold;

}

.vigencia span{

    font-weight:400;

}