.credencialFrente{
    width: 5.5cm; 
    height: 8.5cm; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    overflow: hidden; 
    /* background-image: url('/views/assets/img/general/FrenteCE2000.jpg'); */
    position: relative; /* para que .cred-nombre (absolute) se ancle aquí */
}

.credencialAtras{
    width: 5.5cm; 
    height: 8.5cm; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    overflow: hidden; 
    position: relative;
}

.cred-nombre {
    position: absolute;
    /* top: 6.0cm; */
    left: 0.4cm;   /* mueve horizontalmente */
    /* font-size: 12px; */
    /* color: #000; */
    width: 86%;
    text-align: center;
    font-weight: bold;
}

.cred-area {
    position: absolute;
    /* top: 7.0cm; */
    left: 0.4cm;   /* mueve horizontalmente */
    font-size: 12px;
    /* color: #f3e6e6; */
    width: 86%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.cred-vigencia {
    position: absolute;
    /* top: 8.1cm;
    left: 4.4cm;
    font-size: 7px; */
    color: #000;
}

.cred-foto {
    position: absolute;
    /* top: 1.55cm;
    left: .75cm; */
    /* width: 0.3cm;
    height: 0.6cm; */
    object-fit: cover;
    border-radius: 4px;
}

@page {
    size: 5.5cm 8.5cm;
    margin: 0;
}

@media print {
    body {
        margin: 0;
    }

    .credencialFrente,
    .credencialAtras {
        width: 5.5cm;
        height: 8.5cm;
    }
}

.credencialAtras{
    width: 5.5cm; 
    height: 8.5cm; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    overflow: hidden; 
    /* background-image: url('/views/assets/img/general/ReversoCE2000.jpg'); */
    position: relative; /* para que .cred-nombre (absolute) se ancle aquí */
}

.cred-nss {
    position: absolute;
    /* top: 1.39cm;   
    left: 0.8cm;   
    font-size: 13px; */
    color: #000;
    width: 86%;
    /* text-align: center; */
    font-weight: bold;
}

.cred-contacto {
    position: absolute;
    /* top: 6.8cm;    
    left: 2.7cm;   
    font-size: 9px; */
    color: #000;
    font-weight: bold;
}