/* Gráficos discretos, marfil y marrón suave. */
.academic-chart{margin:16px 0 18px;padding:22px 26px 24px;background:linear-gradient(120deg,#fffdfb,#f6f2ee);border:1px solid #e3dcd5;border-radius:10px;box-shadow:0 8px 23px #5745360d}
.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.chart-heading h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:5px 0;color:#3b342f}.chart-heading p{font-size:12px;color:#82776f;margin:0}.chart-legend{text-align:right;color:#725b4d;font-size:12px;white-space:nowrap}.chart-legend span{display:block}.chart-legend i{display:inline-block;background:#a17d66;width:10px;height:10px;border-radius:2px;margin-right:6px}.chart-legend small{display:block;margin-top:7px;color:#94867b}
.subject-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.subject-bar{min-width:0;padding:15px 16px;background:#fff;border:1px solid #eae4dd;border-radius:8px}.subject-bar-label{display:flex;justify-content:space-between;gap:5px;align-items:baseline;margin-bottom:17px}.subject-bar-label span{font-size:13px;font-weight:600;color:#55453a}.subject-bar-label small{font-size:10px;color:#9a8c80;white-space:nowrap}.subject-bar-track{height:9px;border-radius:30px;background:#eee9e4;overflow:hidden}.subject-bar-fill{display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,#84614c,#b79b84);transition:width .45s ease}.subject-bar-fill.bar-1{background:linear-gradient(90deg,#8b7362,#b5a08f)}.subject-bar-fill.bar-2{background:linear-gradient(90deg,#786d66,#b1a69d)}.subject-bar-fill.bar-3{background:linear-gradient(90deg,#886c67,#b99b92)}.subject-bar strong{display:block;margin-top:12px;text-align:right;color:#624d3e;font-size:16px;font-weight:600}
@media(max-width:1100px){.subject-bars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.academic-chart{padding:17px 14px}.chart-heading{align-items:flex-start;flex-direction:column}.chart-legend{text-align:left}.subject-bars{grid-template-columns:1fr;gap:9px}.subject-bar{padding:12px 14px}.subject-bar-label{margin-bottom:10px}}