html {
    font-size: 12px;
}

body {
    width: 100%;
    /*max-height: 150vh;*/
    /*overflow: hidden;*/

}

/*.card-main{*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    padding: 15px;*/

/*    box-sizing: border-box;*/
/*}*/
.card-diploma {

    width: 80%;
    /*height: 98vh;*/


    margin: 2rem auto;

    border-radius: 10px;
    box-sizing: border-box;

    position: relative;
    border: 3px solid rgba(0, 0, 0, 0.5);
    outline: 3px solid white;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.5);


}

/*// Dispositivos pequeños (teléfonos horizontales, 576px y más)*/


.card-constancia__seccion1 {
    height: 25%;
    /*height: 20vh;*/
    background: white;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 1rem;
    border-radius: 10px 10px 0px;
    /*box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.75);*/
}

.logo-gva__img {
    height: 11rem;
}

.card-constancia__seccion2 {
    height: 25%;
    background: #174A8B;
    color: white;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 1.4rem;
}

.constancia-seccion2__titulo1, .constancia-seccion2__titulo2, .constancia-seccion2__titulo3 {
    margin: 0.5rem auto;
    width: 100%;
    text-align: center;


}

.constancia-seccion2__titulo2 {


}

.constancia-seccion2__titulo3 {
    padding-right: 2rem;
}

.seccion2-titulo2__especial {
    flex: 1;
    /*font-size: 1.5rem;*/
    /*font-weight: bold;*/
    text-transform: uppercase;
    margin-right: 3.8rem;
}


.card-constancia__seccion3 {
    height: 40%;

    border-radius: 0px 0px 10px 10px;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

}

.constancia-seccion3__titulo1-evento {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
    display: flex;
    justify-content: end;
    padding: 2rem;
    font-weight: 700;

}

.constancia-seccion3__titulo2-evento {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
    display: flex;
    justify-content: end;
    padding: 2rem;

    flex-direction: column;
}

.duracion-evento, .fecha-evento {
    width: 100%;

    display: flex;
    justify-content: end;
    font-size: 1.2rem;
}

.constancia-seccion3__firmas {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    /*height: 30rem;*/

    overflow: hidden;
}

.spacer-10rem {
    width: 10rem;

}

.firmas-reconocimiento__img {
    height: 11rem;
    width: 30rem;
    margin: 1rem;
}

.firmas-firma__img {
    height: 11rem;
    width: 30rem;
    margin: 1rem;
}

.seccion-descarga {
    width: 100%;
    /*height: 13vh;*/
    background: black;
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 2rem;
    box-sizing: border-box;
}

.descarga-mensaje {
    width: 100%;
}

.descarga-btn {
    width: 100%;
    display: flex;
    justify-content: end;
}


@media (min-width: 250px) and (max-width: 768px) {
    .card-diploma {

        width: 90%;
    }

    .seccion2-titulo2__especial {

        margin-right: 2rem;

    }

    .card-constancia__seccion1 {
        height: 15%;
    }

    .firmas-reconocimiento__img {
        height: 7rem;
        width: 60%;
        margin: unset !important;
    }

    .firmas-firma__img {
        height: 7rem;
        width: 40%;
        margin: unset !important;

    }

    /*.card-diploma {*/
    /*    height: 75vh;*/
    /*}*/
    .duracion-evento, .fecha-evento {
        font-size: 1rem;
        justify-content: start;
    }

    .constancia-seccion3__titulo2-evento {
        padding: 0rem 1rem;
    }


}


.diplomado-seccion3__titulo1-evento {
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    padding: 2rem;
    font-weight: 700;
    font-size: 2.5rem;

}
.folio-diploma{
    margin-top:2rem;
    display: flex;
    justify-content: end;
    font-size: 1rem;
}