/* Complementos J&H · protestas Francia-Bélgica */
:root{--navy:#1B2A44;--gold:#C9A24B;--line:#E1E4EC}
a.ref{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:2px}
a.ref-s{text-decoration-style:dotted}
a.ref:hover{color:var(--gold)}
sup.id{font:600 10px/1 "IBM Plex Mono",ui-monospace,monospace;color:#6b7690;margin-left:2px}
.sec-body{max-width:980px}
.sec-body p{line-height:1.6}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.kpi{border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;padding:12px;background:#fff}
.kpi b,.kpi strong{display:block;font-size:22px;color:var(--navy)}
/* gráfico de asistencia (barras) */
.chart{margin:14px 0}
.br{display:grid;grid-template-columns:3.2rem 1fr 6rem;gap:.7rem;align-items:center;margin-bottom:.9rem}
.bl{font:600 .85rem "IBM Plex Mono",ui-monospace,monospace;color:#4a5670}
.bt{display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:5rem}
.b1,.b2{height:1.35rem;position:relative;min-width:2px;border-radius:2px}
.b1{background:var(--navy)}.b2{background:#B9945A}
.b1 span,.b2 span{position:absolute;left:calc(100% + .4rem);top:50%;transform:translateY(-50%);font-size:.8rem;font-variant-numeric:tabular-nums;color:#14213A;white-space:nowrap}
.bn{font-size:.85rem;color:#4a5670}
.leg{font-size:.85rem;color:#4a5670;display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:center;margin-top:6px}
.k1,.k2{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:2px;vertical-align:-1px}
.k1{background:var(--navy)}.k2{background:#B9945A}
@media(max-width:600px){.br{grid-template-columns:2.6rem 1fr}.bn{grid-column:2}.bt{padding-right:4.2rem}}
.meth-card dl{margin:0}.meth-card dt{font-weight:700;margin-top:8px}.meth-card dd{margin:2px 0 0}
ul.imp{padding-left:1.2em}ul.imp li{margin:4px 0}
ul.imp.src-inline{columns:2;column-gap:28px}
.tag-conoc{background:#E8ECF4;color:var(--navy)}
.table-wrap{overflow-x:auto}
.src-empty{color:#6b7690;padding:12px}
.doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.side-num{font-family:"IBM Plex Mono",monospace;margin-right:6px;opacity:.7}
@media(max-width:700px){ul.imp.src-inline{columns:1}}

/* dorado legible sobre fondo claro: tono más oscuro para texto */
.block .kicker,.sec-body .kicker,.subhead .kicker,.doc-head .kicker.gold,.doc-regions.gold{color:#7A5C22}
.side-num{color:#8A6A2E}
a.ref{text-decoration-color:#B9945A;text-decoration-thickness:1.5px}
.side-link.active{border-left-color:#B9945A}
@media(max-width:1080px){
 .sidebar{position:static!important;flex-wrap:wrap;overflow:visible;background:transparent}
 .side{flex-wrap:wrap}
 .side-link{white-space:normal;font-size:13px;padding:6px 12px}
 .side-link.active .side-num{color:#E6CB8E}
}

/* selector de idioma ES/EN */
.topbar-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.topbar-right .classif { margin-left: 0; }
.langsw {
  color: #fff; text-decoration: none; font-size: 11px; font-weight: 700; letter-spacing: 0.2em;
  border: 1px solid rgba(255,255,255,0.35); border-radius: 3px; padding: 6px 11px; line-height: 1;
}
.langsw:hover, .langsw:focus-visible { border-color: var(--gold-2); color: var(--gold-2); outline: none; }