#page-dynamic {
    padding-top: calc(5 * var(--space-unity));
    padding-bottom: calc(5 * var(--space-unity));
    padding-inline: calc(5 * var(--space-unity));
    width: 100%;    
}
#page-dynamic > div.p404 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#page-dynamic hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: none;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1);
}
#page-dynamic > div.estrutura-organizacional > ul {
    display: flex;
    flex-direction: column;
}
#page-dynamic > div.estrutura-organizacional > ul > li {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-weight: var(--font-bold);
}
#page-dynamic > div.estrutura-organizacional > ul > li > small { font-weight: var(--font-thin); }
@media screen and (min-width: 768px) {
    #page-dynamic > div.estrutura-organizacional > ul { flex-direction: row };
}
#page-dynamic > div.estrutura-organizacional > h3 { font-weight: var(--font-bold); }
#page-dynamic > div.estrutura-organizacional > h2 { position: relative ;}
#page-dynamic > div.estrutura-organizacional > h2::before{
    content: "";
    width: 100px;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: var(--color-secondary);
    left: 0;
    right: 0;
    bottom: -10px;
}
#page-dynamic h1, #page-dynamic h2 {
    text-transform: uppercase;
    font-weight: var(--font-bold);
    font-size: 1.5rem;    
}
#page-dynamic h1 {
    color: var(--color-primary);
    font-size: 2rem;
}
#page-dynamic .center { text-align: center; }