.graficoMateriasHome{box-sizing:border-box;width:min(1120px,100%);border:1px solid #d6e8f5;border-radius:20px;padding:18px 22px;color:#17345f;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(30,75,110,.08);cursor:pointer;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}
.graficoMateriasHome:hover,.graficoMateriasHome:focus-visible{border-color:#218cbc;outline:0;box-shadow:0 12px 30px rgba(33,140,188,.16);transform:translateY(-2px)}
.graficoMateriasCabecalho{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px}.graficoMateriasCabecalho h2{margin:0;color:#17345f}.graficoMateriasCabecalho p{margin:4px 0 0;color:#6b7e98;font-size:.86rem;text-align:center}.graficoMateriasCabecalho>span{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;color:#1769aa;background:#eaf4fb}
.graficoMateriasColunas{display:grid;grid-auto-columns:72px;grid-auto-flow:column;justify-content:center;gap:4px;min-height:175px;overflow-x:auto;padding:0 4px 5px}
.graficoMateriasColunas article{--cor-barra:#168fc9;display:grid;grid-template-rows:24px 125px auto;min-width:72px;justify-items:center;gap:5px;text-align:center}.graficoMateriasColunas article:nth-child(6n+1){--cor-barra:#168fc9}.graficoMateriasColunas article:nth-child(6n+2){--cor-barra:#e24d6d}.graficoMateriasColunas article:nth-child(6n+3){--cor-barra:#f0b429}.graficoMateriasColunas article:nth-child(6n+4){--cor-barra:#14a88f}.graficoMateriasColunas article:nth-child(6n+5){--cor-barra:#824bd6}.graficoMateriasColunas article:nth-child(6n){--cor-barra:#ef7b2d}.graficoMateriasColunas strong{color:var(--cor-barra);font-size:.9rem}.graficoMateriaTrilho{position:relative;width:39px;height:125px;overflow:hidden;border-radius:8px 8px 2px 2px;background:#e4eef5}.graficoMateriaTrilho i{position:absolute;right:0;bottom:0;left:0;display:block;min-height:3px;border-radius:8px 8px 1px 1px;background:linear-gradient(0deg,color-mix(in srgb,var(--cor-barra) 82%,#17345f),var(--cor-barra))}.graficoMateriasColunas b{max-width:72px;overflow:hidden;color:#17345f;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.graficoMateriasVazio{margin:8px 0;text-align:center;color:#6b7e98}
.graficoMateriasColunas .materiaCompleta strong{color:#07857f}.graficoMateriasColunas .materiaCompleta .graficoMateriaTrilho{box-shadow:0 0 0 3px rgba(15,170,165,.13),0 0 16px rgba(15,170,165,.35)}.graficoMateriasColunas .materiaCompleta .graficoMateriaTrilho i{background:linear-gradient(0deg,#08a88e,#47d8b8,#198bd4);background-size:100% 220%;animation:materiaCompletaCor 3.2s ease-in-out infinite}
@keyframes materiaCompletaCor{0%,100%{background-position:50% 100%;filter:saturate(1)}50%{background-position:50% 0;filter:saturate(1.25) brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.graficoMateriasColunas .materiaCompleta .graficoMateriaTrilho i{animation:none}}
@media(max-width:650px){.graficoMateriasHome{padding:16px 12px}.graficoMateriasHome>h2{margin-bottom:14px}.graficoMateriasColunas{grid-auto-columns:58px;justify-content:start;gap:2px;min-height:140px}.graficoMateriasColunas article{grid-template-rows:20px 95px auto;min-width:58px;gap:3px}.graficoMateriaTrilho{width:32px;height:95px}.graficoMateriasColunas b{max-width:58px;font-size:.68rem}}