@page {
    size: auto;
    margin: 0;
}

@font-face {
    font-family: "Myriad-Pro-Light";
    src: url("../fonts/Myriad-Pro-Light.otf");
}

@media all {
    div.pageBreak {
        display: none;
    }
}

@media print {
    div.pageBreak {
        display: block;
        page-break-before: always;
    }
}

body {
    font-family: "Myriad-Pro-Light", serif !important;
}

h1 {
    font-family: "Myriad-Pro-Light", serif !important;
}

h3 {
    font-family: "Myriad-Pro-Light", serif !important;
}

.fontMaryProLight {
    font-family: "Myriad-Pro-Light", serif !important;
    font-size: 26px !important;
}

.vd-certificado-marenes {
    position: relative;
    height: 100vh;
    width: 100vw;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.page-container {
    margin-top: 0 !important;
}
.vd-invoice {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    z-index: 1;
}
.titulo-curso {
    padding-top: 25vh;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.titulo-tipografia {
    font-size: 50px;
    font-weight: 600;
}
.fecha-tipografia {
    font-size: 20px;
    font-weight: 600;
}
.descripcion-tipografia {
    font-size: 25px;
    font-weight: 400;
    width: 80%;
    padding-left: 20%;
}
.cliente-curso {
    margin-top: 180px;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 999;
    padding: 12%;
}
.content-career {
    margin-top: 70px;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 999;
    padding: 8%;
}
.content-courses {
    margin-top: 180px;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 999;
    padding: 12%;
}
.content-career {
    margin-top: 110px;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 999;
    padding: 8%;
}
.content-courses {
    margin-top: 180px;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 999;
    padding: 12%;
}
.fecha-curso {
    padding-top: 500px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.qr-curso {
    padding-top: 50.4px;
    position: absolute;
    width: 100%;
    z-index: 999;
    text-align: end;
    padding-right: 309.6px;
}
.descripcion-curso {
    padding-top: 47vh;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.img-responsive {
    width: 100% !important;
    height: 100% !important;
}
.certificado-fijo {
    width: 1428px !important;
    height: 1000px !important;
}
.certificado-fijo-courses {
    width: 1000px !important;
    height: 1410px !important;
}
.btn-print {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-right: 20px;
}