:root{
 --navy:#1B3A6B;--teal:#2A9D8F;--acc:#156082;
 --line:#D9E2EC;--soft:#F5F9FC;--txt:#2C3E50;--mut:#6B7C93;
 --s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#4a3aa7;--s8:#e34948;
 --good:#2f8f4e;--warn:#b8860b;--serious:#c1592f;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#FFFFFF;color:var(--txt);font-family:Arial,'Segoe UI',system-ui,sans-serif;padding:24px;line-height:1.5}
h1{color:var(--navy);font-size:24px}.sub{color:var(--mut);font-size:13px;margin-top:4px}
h2{color:var(--navy);font-size:16px;margin-bottom:12px}h3{color:var(--navy);font-size:14px;margin-bottom:8px}
.tabs{display:flex;gap:7px;margin:20px 0;flex-wrap:wrap}
.tab{padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--navy)}
.tab.active{background:var(--navy);color:#fff;font-weight:600;border-color:var(--navy)}
.panel{display:none}.panel.active{display:block}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 1px 3px rgba(27,58,107,.06)}
.grid{display:grid;gap:16px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.g2,.g3,.g5{grid-template-columns:1fr}}
.kpi{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:15px;text-align:center}
.kpi .num{font-size:26px;font-weight:700;color:var(--acc)}.kpi .lbl{font-size:11.5px;color:var(--mut);margin-top:5px}
.chart-box{position:relative;height:320px}.mid{height:340px}.big{height:480px}
table{width:100%;border-collapse:collapse;font-size:12px}
th,td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--line)}
th{color:#fff;background:var(--navy)}tr:nth-child(even) td{background:var(--soft)}
td:first-child,th:first-child{text-align:left}
.badge{padding:2px 8px;border-radius:10px;font-size:10.5px;font-weight:600;color:#fff}
.Alta{background:var(--good)}.Media{background:var(--warn)}.Provisional{background:var(--serious)}
.hall{background:var(--soft);border-left:3px solid var(--teal);border-radius:6px;padding:11px 13px;margin-bottom:9px;font-size:12.5px}
.hall b{color:var(--navy)}.scroll{max-height:620px;overflow:auto}
code{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:11px;display:block;font-size:12px;color:var(--navy);white-space:pre-wrap}
.fcard{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:14px}
.fcard .pais{font-size:18px;font-weight:700;color:var(--navy)}.fcard .imn{font-size:24px;font-weight:700;color:var(--acc)}
.fcard .meta{font-size:11.5px;color:var(--mut);margin-top:6px}
.heat td{font-size:11px;font-weight:600;text-align:center}.heat th{font-size:10.5px}
.note{font-size:11px;color:var(--mut);margin-top:8px}
.intro{font-size:12.5px;color:var(--mut);margin-bottom:14px;line-height:1.65}
.syn{font-size:11.5px;color:var(--txt);margin-top:10px;line-height:1.55;border-top:1px solid var(--line);padding-top:9px}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.chip{padding:6px 12px;background:#fff;border:1px solid var(--line);border-radius:20px;cursor:pointer;font-size:11px;color:var(--navy);white-space:nowrap;user-select:none}
.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.empty{font-size:12px;color:var(--mut);padding:20px;text-align:center;display:none}