body{
    font-family: Arial, Helvetica, sans-serif;
    background:#f2f2f2;
    margin:20px;
}

h1{
    text-align:center;
    color:#01060f;
}


h2{
    text-align:center;
    color:#0d6efd;
}


h3{
    text-align:center;
    color:#0d6efd;
}
.contenedor{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:20px;
}

.tarjeta{

    background:white;
    border-radius:12px;
    box-shadow:0px 3px 10px rgba(0,0,0,.2);
    padding:15px;

    display:flex;
    align-items:center;

    transition:.3s;
}

.tarjeta:hover{
    transform:scale(1.02);
}

.foto{

    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    margin-right:15px;
    border:4px solid #0d6efd;

}

.info{
    flex:1;
}

.info h2{

    margin:0;
    color:#0d6efd;

}

.info p{

    margin:6px 0;

}

.matricula{

    font-weight:bold;
    color:#198754;

}