body{

    background:#F4F7FB;

}

.uip-verificador{

    max-width:700px;

    margin:60px auto;

    padding:20px;

}

.uip-verificador-card{

    background:#fff;

    border-radius:24px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    overflow:hidden;

}

.uip-header{

    background:#0A2D68;

    color:#fff;

    text-align:center;

    padding:35px;

}

.uip-header img{

    width:90px;

    margin-bottom:15px;

}

.uip-header h1{

    margin:0;

    font-size:30px;

    font-weight:800;

}

.uip-header p{

    margin-top:10px;

    opacity:.85;

}

.uip-body{

    padding:40px;

    text-align:center;

}

.uip-verificador-foto{

    width:170px;

    height:210px;

    border-radius:18px;

    object-fit:cover;

    border:5px solid #fff;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

    margin-top:-90px;

    background:#fff;

}

.uip-nombre{

    margin-top:20px;

    font-size:32px;

    font-weight:800;

    color:#0A2D68;

}

.uip-estatus{

    display:inline-block;

    margin:18px 0;

    padding:10px 22px;

    border-radius:30px;

    background:#1E9A3F;

    color:#fff;

    font-weight:700;

}

.uip-info{

    width:100%;

    border-collapse:collapse;

    margin-top:25px;

}

.uip-info td{

    padding:14px;

    border-bottom:1px solid #ECECEC;

    text-align:left;

}

.uip-info td:first-child{

    width:180px;

    color:#777;

    font-weight:600;

}

.uip-ok{

    margin-top:35px;

    color:#1E9A3F;

    font-size:34px;

    font-weight:800;

}

.uip-error{

    background:#fff;

    padding:60px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.uip-error h1{

    color:#C62828;

}
.uip-sello{

    position:absolute;

    right:-12px;

    bottom:-12px;

    width:182px;

    height:182px;

    border-radius:50%;

    border:4px solid #fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    opacity:.2;

    transform:rotate(-15deg);

    box-shadow:0 8px 18px rgba(0,0,0,.25);

}

.uip-sello-dot{

    position:absolute;

    right:-12px;

    bottom:-12px;

    width:72px;

    height:72px;

    border-radius:50%;

    border:4px solid #fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    opacity:1;

    transform:rotate(-15deg);

    box-shadow:0 8px 18px rgba(0,0,0,.25);

}

.uip-sello.ok{

    color:#1E9A3F;

}

.uip-sello.egresado{

    color:#C59A16;

}

.uip-sello.cancelada{

    color:#C62828;

}

.uip-foto-box{

    position:relative;

    width:170px;

    margin:-90px auto 0;

}

.uip-verificador-foto{

    width:170px;

    height:210px;

    display:block;

    border-radius:18px;

    object-fit:cover;

    border:5px solid #fff;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.uip-sello.ok{

    background:#1E9A3F;

    color:#fff;

}

.uip-sello-dot.ok{

    background:#1E9A3F;

    color:#fff;

}

.uip-sello-dot.cancelada{

    background:#C62828;

    color:#fff;

}

.uip-sello.egresado{

    background:#D8AF3F;

    color:#fff;

}

.uip-sello.cancelada{

    background:#C62828;

    color:#fff;

}