@media (max-width: 768px){
    .display_on_mobile { display: initial; }
    .display_on_desktop { display: none; }
}
@media (min-width: 769px){
    .display_on_mobile { display: none; }
    .display_on_desktop { display: initial; }
}

.mr_artigo_base { position: relative; }
.mr_artigo_base .area_util {
    display: flex;
    flex-direction:column;
}

.mr_artigo_breadcrumbs { padding: 48px 0; }

.mr_artigo_gutter { height: 48px; }
.larguraPlayer
{
    width: 100%;
    border-radius: 10px;
}
.mr_artigo_header {
    margin-bottom: 48px;
    display: flex;
    flex-direction: row;
}
#youtubeplayer
{
    border-radius: 10px;
}
.mr_artigo_header div:nth-child(1) {
    font-size: 48px;
    font-weight: 700;
    color: #002F8E;
    flex: 1;
    /* display: flex; */
    align-items: center;
}

.mr_artigo_header div:nth-child(2) {
    width: 261px;
    height: 218px;
    background-image: url(../../../images/tipoconteudo/decoracao_artigos.svg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.mr_artigo_header div:nth-child(2) img{
    width: 170px;
    border-radius: 8px;
}


.mr_artigo_header_opiniao {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% - 201px);
    margin-bottom: 48px;
}
.mr_artigo_header_opiniao div:nth-child(2) { letter-spacing: -0.75px; font-size: 28px; font-weight: 700; color: #962172;  }
.mr_artigo_header_opiniao div:nth-child(3) { font-size: 48px; font-weight: 700; color: #002F8E; }
.mr_artigo_header_opiniao div
{
    z-index: 10;
}

.mr_artigo_header_opiniao .decoracao
{
    position: absolute;
    top: -70px;
    z-index: 1;
    left: calc(100% + 90px);
}


.detalhes_artigo {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 48px;
}
.detalhes_artigo .area_dados{
    display: flex;
    flex-direction: row;
    color: #666;
    font-size: 16px;
    gap: 20px;
    align-items: center;
}

.detalhes_artigo .area_dados .areaicone{
    display: inline-flex;
    width: fit-content;
    height: fit-content;
    color: #002F8E;
    background-color: #EDF1F7;
    padding: 2px 8px 2px 4px;
    gap: 4px; font-size: 12px;
    align-items: center; border-radius: 4px;
}

.detalhes_artigo .area_dados .areaicone{
    display: inline-flex;
    color: #002F8E;
    background-color: #EDF1F7;
    padding: 2px 8px 2px 4px;
    gap: 4px; font-size: 12px;
    align-items: center; border-radius: 4px;
}

.detalhes_artigo .area_dados .areaicone .icone{
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.detalhes_artigo .area_dados .areaicone .icone.ico_audio{
    background-image: url('/media/mod_mr_display_serie/ico_audio.svg');
}
.detalhes_artigo .area_dados .areaicone .icone.ico_video{
    background-image: url('/media/mod_mr_display_serie/ico_video.svg');
}
.detalhes_artigo .area_dados .areaicone .icone.ico_jogo{
    background-image: url('/media/mod_mr_display_serie/ico_jogo.svg');
}
.detalhes_artigo .area_dados .areaicone .icone.ico_pdf{
    background-image: url('/media/mod_mr_display_serie/ico_pdf.svg');
}
.detalhes_artigo .area_dados .areaicone .icone.library_azul{
    background-image: url('/media/mod_mr_display_serie/library_azul.svg');
}



.mr_artigo_atributos {
    display: grid;
    grid-template-columns: repeat(4, 2fr) 4fr;
    padding: 12px 0;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    margin-bottom: 48px;
    gap: 24px;
}
.mr_artigo_atributos div { display: flex; flex-direction: column; }
.mr_artigo_atributos div div:nth-child(1) { color: #008891; font-size: 14px; }
.mr_artigo_atributos div div:nth-child(2) { color: #666; font-weight: 500; font-size: 18px; }

.mr_artigo_atributos a{
    width: fit-content;
    display: contents;
    color: #666;
}

.mr_artigo_img_abertura img { width: 100%; border-bottom: 48px; z-index: 10;}

.mr_artigo_artigo { display: grid; grid-template-columns: 2fr 8fr 2fr; grid-template-areas: "q a ."; padding-bottom: 96px; position: relative;}

.mr_artigo_artigo div, mr_artigo_artigo img
{
    z-index: 10;
}

.mr_artigo_artigo .decoracao
{
    position: absolute;
    top: calc(100% - 340px);
    z-index: 1;
    left: -40px;
}
.mr_artigo_artigo .mr_artigo_artigo_body {
    position: relative;
    grid-area: a;
    h1, h2, h3, h4, h5, h6 { color: #002F8E; line-height: 150%; }
    p {color: #333; line-height: 150%; margin-bottom: 32px;}
    h1 { font-size: 48px; }
    h2 { font-size: 40px; }
    h3 { font-size: 36px; }
    h4 { font-size: 32px; }
    h5 { font-size: 28px; }
    h6 { font-size: 24px; }
    aside { padding: 24px 36px; margin: 48px 0; border-top: 1px solid #741958; border-bottom: 1px solid #741958; line-height: 150%; font-weight: 700; font-size: 20px; color: #962172; }
    figure { width: 100%; margin: 0; background-color: #FEF6DC; }
    figure img { width: 100%; }
    figure figcaption { font-size: 12px; line-height: 120%; color: #222; padding: 12px; }
    .mr_artigo_quote { position: relative; display: flex; flex-direction: column; gap: 48px; margin: 48px 0; padding: 48px 36px; border: 1px solid #741958; border-radius: 8px; 
        .mr_artigo_quote_mark1, .mr_artigo_quote_mark2 { position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: 50px; background-color: white; }
        .mr_artigo_quote_mark1 img, .mr_artigo_quote_mark2 img { width: auto; }
        .mr_artigo_quote_mark1 { left: -30px; top: -20px; }
        .mr_artigo_quote_mark2 { right: -30px; bottom: -20px; }
    }
}
.mr_artigo_artigo .mr_artigo_artigo_body img {
    padding: 4px;
    Box-sizing: border-box;
    max-width: 100%;
    height: auto;
}

.mr_artigo_img_abertura {
    border-radius: 10px;
    overflow: hidden;
    figure {
        background-color: #FEF6DC;
        margin: 0px;
    }
}

.mr_artigo_img_abertura {
    figure figcaption {
        font-size: 12px;
        line-height: 120%;
        color: #222;
        padding: 12px;
        Box-sizing: border-box;
    }
}

.display_on_mobile figure { margin: 0; }
.display_on_mobile figure img { width: 100%; }
.display_on_mobile p img { width: 100%; height: auto; }

.area_util.noticias {
    gap: 0px;
}

.area_util.noticias .mr_artigo_artigo{
    margin-top: 48px;
}

.area_util.noticias .mr_artigo_header{
    min-height: 201px;
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    width: 100%;
}

.area_util.noticias .mr_artigo_header div:nth-child(1){
    width: calc(100% - 201px);
    color: #962172;
}
.area_util.noticias .mr_artigo_header div:nth-child(2){
    display: flex;
    width: 200px;
    height: 201px;
    background-image: url(../../../images/tipoconteudo/decoracao_noticias.svg);
}

.area_compartilhamento button
{
    background-color: #ffffff00 !important;
    cursor: pointer;
    width: 30px !important;
}

@media (max-width: 767px) {
    .mr_artigo_header_opiniao {
        width: 100%;
    }
    .mr_artigo_header_opiniao .decoracao
    {
        display: none;
    }
    .mr_artigo_header div:nth-child(2) {
        display: none;
    }
    .mr_artigo_artigo {
        display: unset;
    }
    .mr_artigo_atributos
    {
        display: none;
    }
    .mr_artigo_img_abertura {
        border-radius: unset;
    }
    .larguraPlayer {
        border-radius: unset;
    }
    #youtubeplayer {
        border-radius: unset;
    }
    
    .detalhes_artigo .area_dados {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .mr_artigo_header {
        font-size: 40px;
    }
    .mr_artigo_header div:nth-child(1) {
        font-size: 40px;
    }
    .mr_artigo_header_opiniao div:nth-child(3) {
        font-size: 40px;
    }

    .area_util.noticias .mr_artigo_header div:nth-child(2){
        display: none;
    }
    .mr_artigo_artigo .decoracao {
        display: none;
    }
}