/* Only the surrounding workspace; original print artwork is unchanged. */
.civil-recovery .civil-actions { display:flex; gap:12px; flex-wrap:wrap; padding:20px 0; }
.civil-recovery .civil-actions button { min-height:44px; margin:0; }
.civil-recovery .document-file { width:100%; }
.civil-recovery .document-file .small { display:block; margin-top:8px; overflow-wrap:anywhere; }
.civil-recovery .document-group small { color:#d9cbe0; }
.civil-recovery .document-preview-scroll #dadosCertidao > .container { padding:0; min-width:max-content; }

/* Keep the live artwork readable at its original 1440px desktop composition.
   The scroll viewport does not alter the independent export clone. */
.civil-recovery #dadosCertidao #adoptionCertificateContainer {
    width: 1008px;
    height: 576px;
    box-sizing: border-box;
    padding: 0 43.2px;
    margin: 0 auto;
    background-image: url(../img/backgroundCertidaoAdocao.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer h1 {
    font-size: 57.6px;
    font-family: 'Wedges', sans-serif;
    color: #DF4F7C;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .logocity {
    position: absolute;
    right: 28.8px;
    top: 31.68px;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .logocity img {
    width: 110.88px;
    height: 110.88px;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .text-adoption-certificate {
    box-sizing: border-box;
    padding-left: 144px;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer p {
    width: 561.6px;
    color: #000;
    font-size: 15.84px;
    letter-spacing: 0.288px;
    font-family: 'Montserrat';
    text-align: center;
    /* background: red; */
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer h2 {
    font-size: 21.6px;
    color: #DF4F7C;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .playerPhotoContainer {
    width: 194.976px;
    height: 238.464px;
    border-radius: 14.4px;
    background: rebeccapurple;
}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .playerPhotoContainer img {
    width: 100%;
    height: 100%;
    border-radius: 14.4px;

}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .logoPandora {
    width: 72px;
}
.civil-recovery #dadosCertidao #birthCertificate {
    position: relative;
    width: 100%;
}
.civil-recovery #dadosCertidao #birthCertificate .certificate {
    width: 720px;
    height: 1008px;
}
.civil-recovery #dadosCertidao #birthCertificate .certificate img {
    width: 100%;
    height: 100%;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer .cityLogo {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    position: absolute !important;
    top: 244.8px;
    left: 316.8px;
    overflow: hidden;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer .cityLogo img {
    width: 100%;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #childName,
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #dateBirth,
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #hometown,
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #sex,
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #skinColor {
    width: 345.6px;
    height: 28.8px;
    position: absolute !important;
    top: 360px;
    left: 273.6px;
    overflow: hidden;
    color: #5e17eb !important;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #dateBirth {

    top: 403.2px;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #hometown {

    top: 446.4px;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #sex {

    top: 489.6px;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #skinColor {

    top: 532.8px;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #fatherName,
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #motherName {
    width: 345.6px;
    height: 28.8px;
    position: absolute;
    left: 151.2px;
    display: flex;
    align-items: center;
    color: #5e17eb !important;

    /* background-color: rgb(0, 255, 98); */
}
.civil-recovery #dadosCertidao #birthCertificate .judgeName {
    color: #5e17eb;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #fatherName {
    top: 604.8px;

}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #motherName {
    top: 656.64px;
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #importantObservations {
    width: 518.4px;
    height: 86.4px;
    position: absolute;
    box-sizing: border-box;
    padding: 4.32px;
    overflow: hidden;
    top: 748.8px;
    left: 103.68px;
    /* background-color: rebeccapurple; */
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #childPhoto {
    width: 146.822px;
    height: 196.56px;
    position: absolute;
    top: 345.6px;
    left: 106.56px;
    border-radius: 12.96px;
    overflow: hidden;
    /* background-color: green; */
}
.civil-recovery #dadosCertidao #birthCertificate .birthCertificateContainer #childPhoto img {
    width: 100%;
    height: 100%;
}
.civil-recovery #dadosCertidao #birthCertificate .judgeName {
    width: 374.4px;
    height: 28.8px;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 144px;
    left: 172.8px;
    white-space: nowrap;

}
.civil-recovery #dadosCertidao #adoptionCertificateContainer .bottom-3 { bottom:28.8px; }
.civil-recovery #dadosCertidao #adoptionCertificateContainer .bottom-0_7 { bottom:10.08px; }
.civil-recovery #dadosCertidao #adoptionCertificateContainer .right-1_8 { right:25.92px; }

/* Explicit ink for both the live document and the detached print clone. */
.civil-recovery #birthCertificate .birthCertificateContainer { color:#5e17eb; }
.civil-recovery #birthCertificate .birthCertificateContainer #importantObservations { color:#5e17eb; }