body main { overflow: visible; }

.page #main-inner { margin: 0; max-width: 100%; padding: 0;  }
#article #media_relacionado { display: none; }
#article .linkdoc svg { width:30px; }

#article .linkdoc {
    font-family: var(--tipo-letra-principal);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px auto;
    font-weight: 900;
    font-size: 1.6em;
    max-width: 500px;
    text-align: center;
}
#article > .content .bg2 { margin-bottom: -134px; mix-blend-mode: multiply;
    position: sticky;
    display: flex; align-items: flex-end; justify-content: flex-end; width:100%; top: var(--alturaHeader); margin-top: -382px; height: calc(100vh - var(--alturaHeader)); z-index: 0; }
#article .node-header { text-align: center; display: flex; flex-direction:column-reverse;max-width: 350px;
    margin: 0 auto; position: relative; z-index: 2;
}
#article .node-header time { display: none; }
#article .content { position: relative; }
#article .node-header h3 { font-family: var(--tipo-letra-secundario); letter-spacing: -.04em; color:#1d3644; font-style: italic; text-transform: none;}
#article .node-header h1 { background-image: url('/sites/default/files/images/dossiers/plano_emergencia_saude_2020/logo.svg'); background-repeat: no-repeat; background-position: top center; background-size: 90px auto; padding-top: 97px; color:#1d3644; text-transform: uppercase; letter-spacing: .4em; font-weight: 900;font-size: 2em; }
#article .corpo_texto > .intro { text-align: center;
    color: #1d3644;
    font-family: var(--tipo-letra-principal);}
#article > .content > * {position: relative; z-index: 1; }
#article .corpo_texto h2 { color:#1d3644; font-weight: 900; letter-spacing: -.04em; font-size: 1.3em;
    line-height: 120%;
    margin-top: 60px;


}
#article > .content > ul { position: relative; z-index: 2; font-weight: 900; max-width: 570px; margin: 70px auto; font-family: var(--tipo-letra-principal); }
#article > .content > ul ul { font-weight: 400; }
#article > .content > ul > li { margin-bottom: 9px; }
#article > .content > ul > li:nth-child(odd) { color:#1d3644; }
#article > .content > ul > li:nth-child(even) { color:#fff; }
#article { padding-top: 90px; background-image: url('/sites/default/files/images/dossiers/plano_emergencia_saude_2020/bg.jpg'); background-repeat: repeat;  }


#article .mensagemJS { max-width: 720px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#article .mensagemJS a { position: relative; z-index: 2; padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center; }
#article .mensagemJS figure {     width: 140px; height: 129px; padding-right: 10px; }
#article .mensagemJS figure img { width: 100%;     height: 100%;     object-fit: cover; }
#article .mensagemJS a > div {     width: calc(100% - 150px); }
#article .mensagemJS h4 { text-transform: uppercase; font-weight: 100; font-size: .9em; }
#article .mensagemJS h3 {font-weight: 900; letter-spacing: -.03em; line-height: 108%; font-size: 1.8em; font-size: .93em;}
@media (min-width: 650px) {
#article .mensagemJS a > div {     width:auto; }
#article .mensagemJS h4 { font-size: .9em; }
#article .mensagemJS h3 { font-size: 1.8em; }
#article .mensagemJS figure { width: auto; height: auto; padding-right: 30px; }
#article .mensagemJS figure img { width: 260px; height: 147px;}
}