.history-filter{
    display:grid;
    grid-template-columns:minmax(220px,1fr) minmax(150px,.5fr) auto auto;
    gap:12px;
    align-items:end;
    margin-bottom:24px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--shadow)
}
.history-filter>div{
    display:flex;
    flex-direction:column;
    gap:7px
}
.history-filter label{
    font-size:.8rem;
    font-weight:700
}
.full-history{
    display:flex;
    flex-direction:column
}
.history-item{
    display:grid;
    grid-template-columns:72px 28px minmax(0,1fr);
    gap:0;
    min-height:120px
}
.history-date{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    padding:17px 12px 0 0;
    color:var(--muted)
}
.history-date strong{
    color:var(--navy);
    font-size:1.3rem
}
.history-date span{
    font-size:.7rem;
    text-transform:uppercase
}
.history-line{
    position:relative;
    display:flex;
    justify-content:center
}
.history-line::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:2px;
    background:#d8e3ef
}
.history-line span{
    position:relative;
    z-index:1;
    width:14px;
    height:14px;
    margin-top:23px;
    border:3px solid #fff;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 0 2px #d8e3ef
}
.history-card{
    margin:0 0 18px 12px;
    padding:19px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow)
}
.history-card h2{
    margin:5px 0 0;
    color:var(--navy);
    font-size:1.05rem
}
.history-origin{
    color:var(--blue);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase
}
.history-card p{
    margin:14px 0 0;
    line-height:1.6
}
.history-card footer{
    margin-top:15px;
    padding-top:11px;
    border-top:1px solid var(--line)
}
.history-publicacao .history-line span{background:#7a4fb0}
.history-quinquenio .history-line span{background:#bf7b00}
.history-licenca_premio .history-line span{background:#2e8b57}
.history-frequencia .history-line span{background:#c54b4b}
.history-declaracao .history-line span{background:#3887a8}
.history-observacao .history-line span{background:#6f7884}
@media(max-width:700px){
    .history-filter{
        grid-template-columns:1fr
    }
    .history-item{
        grid-template-columns:55px 22px minmax(0,1fr)
    }
    .history-date{
        padding-right:7px
    }
}