@import url(font.css);

body {
    max-height: 162.5rem;
}

.awdetails {
    width: 100vw;
    background-color: #002B50;
    height: auto;
    display: flex;
    background-image: url(../img/site/trabalhosDetalhe/background.webp);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.awdetails__header {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-top: 1.875rem;
}

.awdetails__header--title {
    margin-left: 2.25rem;
    max-width: 90%;
}

.awdetails__header--title_text {
    font-family: MullerExtrabold;
    font-size: 1.5625rem;
    color: white;
}

.awdetails__header--right {
    margin-left: 2.25rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 7rem;
}

.awdetails__header--right_date {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.awdetails__header--right_media {
    border: 1px solid rgb(255, 255, 255, 0.3);
    width: 12.5625rem;
    height: 2.5rem;
    border-radius: .625rem;
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5625rem;
    margin-bottom: 7.375rem;
}

.heading__info--data_media {
    width: 12.5625rem;
    height: 2.5rem;
    border-radius: .625rem;
    border: 1px solid rgb(255, 255, 255, 0.3);
    margin-top: 1.25rem;
    display: flex;
    gap: 1.8125rem;
    justify-content: center;
    align-items: center;
}

.heading__info--data_media-icon {
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
}

.icon1 {
    background-image: url(../img/site/noticia/linkedIn.webp);
}

.icon2 {
    background-image: url(../img/site/noticia/instagram.webp);
}

.icon3 {
    background-image: url(../img/site/noticia/facebook.webp);
}

.icon4 {
    background-image: url(../img/site/noticia/whatsapp.webp);
}


.awbody {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
}

.awbody__primaryimg {
    width: 80.5vw;
    max-width: 39.25rem;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: -4.8125rem;
}

.awbody__abstract--summary_text{
    width: 18.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    margin-top: 1.875rem;
    line-height: 1.5rem;
}

    .awbody__abstract--summary_text p, .awbody__abstract--summary_text blockquote, .awbody__abstract--summary_text pre {
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        font-weight: 400;
        color: #002B50;
    }

    .awbody__abstract--summary_text p em{
        font-family: 'Roboto', sans-serif;
        font-size: 1.125rem;
        font-weight: 400;
        font-style: italic;
        color: #002B50;
    }

    .awbody__abstract--summary_text p strong{
        font-family: 'Roboto', sans-serif;
        font-size: 1.125rem;
        font-weight: 700;
        color: #002B50;
    }

    .awbody__abstract--summary_text h1{
        font-family: 'Roboto', sans-serif;
        font-size: 2.25rem;
        font-weight: 500;
        color: #002B50;
    }

    .awbody__abstract--summary_text h2{
        font-family: 'Roboto', sans-serif;
        font-size: 1.875rem;
        font-weight: 500;
        color: #002B50;
    }

    .awbody__abstract--summary_text pre {
        text-wrap: unset;
    }

    .awbody__abstract--summary_text img {
        max-width: 100%;
    }

    .awbody__abstract--summary_text iframe {
        width: 100%;
        height: calc(50vw * 9 / 16);
    }

    .awbody__abstract--summary_text ul {
        list-style: initial !important;
    }

    .awbody__abstract--summary_text ol {
        list-style-type: decimal !important;
    }

.awbody__primaryimg--img {
    width: 80.5vw;
    max-width: 39.25rem;
    height: auto;
}

.awbody__autors {
    width: 80.5vw;
    max-width: 39.25rem;
}

.awbody__autors--names {
    margin-top: 2.125rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.awbody__autors--names_title {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #003059;
}

.awbody__autors--names_name {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #003059;
}

.awbody__autors--likes {
    display: flex;
    gap: 1.125rem;
    margin-top: .5rem;
}

.awbody__autors--likes_img {
    background-image: url(../img/site/trabalhosDetalhe/likes.webp);
    background-size: 1rem;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
}

.awbody__autors--likes_number {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #003059;
}

.awbody__abstract {
    width: 80.5vw;
    max-width: 39.25rem;
    margin-top: 1.875rem;
}

.awbody__abstract--summary_title {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #003059;
    margin-bottom: .5rem;
}

.awbody__abstract--summary_text {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #003059;
    line-height: 1.25rem;
}
            .awbody__abstract--summary_text p{
                font-family: 'Roboto', sans-serif;
                font-size: 1rem;
                font-weight: 400;
                color: #003059;
                line-height: 1.25rem;
            }

.awbody__abstract--border {
    margin-top: 1.875rem;
    width: 16.75rem;
    height: 3.125rem;
}

.awbody__abstract--border a {
    text-decoration: none;
}

.awbody__abstract--border_button {
    width: 16.75rem;
    height: 3.125rem;
    background-color: #002B50;
    color: white;
    font-size: .875rem;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    border-radius: .625rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6875rem;
    cursor: pointer;
    text-decoration: none;
}

.awbody__abstract--border_button-icon {
    width: 1rem;
    height: 1rem;
    background-image: url(../img/site/trabalhosDetalhe/download.webp);
    background-size: 1rem;
    background-position: 50%;
    background-repeat: no-repeat;
}

.awbody__abstract--back {
    border: 1px solid #003059;
    border-radius: 1.25rem;
    width: 6.0625rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    margin-top: 1.9375rem;
    cursor: pointer;
}

.awbody__abstract--back_icon {
    width: .75rem;
    height: .75rem;
    background-image: url(../img/site/trabalhosDetalhe/Icon.webp);
    transform: rotate(180deg);
    background-position: 50%;
    background-size: .75rem;
    background-repeat: no-repeat;
}

.awbody__abstract--back_button {
    font-family: 'Inter', sans-serif;
    font-size: .75rem;
    font-weight: 500;
    color: #003059;
}


@media screen and (min-width: 720px) {

    .awbody__abstract--summary_text{
        width: auto;
    }
    .awdetails {
        background-size: auto 150%;
        justify-content: center;
        height: 43rem;
        max-height: 43rem;
    }

    .awdetails__header {
        flex-direction: row;
        margin-top: 3.625rem;
        max-width: 68rem;
        width: 68rem;
        justify-content: space-between;
    }

    .awdetails__header--title {
        max-width: 52.125rem;
    }

    .awdetails__header--title_text {
        font-size: 2.8125rem;
    }

    .awdetails__header--right {
        width: auto;
        align-items: center;
    }

    .awdetails__header--right{
        width: auto;
        align-items: center;
        padding-bottom: 0;
    }
    .awbody__primaryimg{
        width: 79.7vw;
        max-width: 68rem;
        margin-top: -28rem;
    }

    .awbody__primaryimg--img {
        width: 79.7vw;
        max-width: 68rem;
        min-height: 641px;
        border-radius: 1.875rem;
    }

    .awbody__autors {
        display: flex;
        justify-content: space-between;
        margin-top: 6.25rem;
    }

    .awbody__autors--names {
        margin-top: 0;
    }

}