/* ══════════════════════════════════════
   LISTADO DE PARTICIPACIONES
══════════════════════════════════════ */
.wk-index {
  position:absolute; left:3rem; bottom:1.8rem; z-index:6;
  font-family:var(--mono); font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--black); cursor:none; border-bottom:2px solid rgba(14,14,12,.55);
  padding-bottom:4px; transition:color .25s, border-color .25s;
}
.wk-index:hover { color:var(--klein); border-color:var(--klein) }
#listado-overlay {
  position:fixed; inset:0; z-index:9500; background:var(--white); color:var(--black);
  display:flex; flex-direction:column; overflow:hidden;
  clip-path:inset(0 0 100% 0); transition:clip-path .72s var(--snap);
}
#listado-overlay.open { clip-path:inset(0 0 0 0) }
.lst-top {
  flex-shrink:0; height:3.4rem; display:flex; align-items:center; justify-content:space-between;
  padding:0 2rem; border-bottom:1px solid rgba(0,0,0,.08);
}
.lst-title { font-family:var(--sans); font-weight:700; font-size:.85rem; letter-spacing:.02em }
.lst-count { font-family:var(--mono); font-size:.5rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(0,0,0,.4) }
.lst-intro { flex-shrink:0; padding:2.6rem 2rem 1.4rem; }
.lst-h { font-family:'Vilonti','Archivo Black',var(--sans); font-weight:900; font-size:clamp(1.8rem,4vw,3.4rem); line-height:1; letter-spacing:-.03em; text-transform:uppercase }
.lst-sub { font-family:var(--sans); font-size:.82rem; color:rgba(0,0,0,.55); margin-top:.9rem; max-width:52ch }
.lst-dot { color:var(--klein); font-size:.7em }
.lst-body { flex:1; overflow-y:auto; padding:.5rem 2rem 5rem; scrollbar-width:none }
.lst-body::-webkit-scrollbar { display:none }
.lst-group { margin-bottom:2.6rem }
.lst-group-h { display:flex; align-items:baseline; gap:1rem; padding-bottom:.7rem; border-bottom:1px solid rgba(0,0,0,.14); margin-bottom:.3rem }
.lst-group-t { font-family:'Vilonti','Archivo Black',var(--sans); font-weight:900; font-size:clamp(1.2rem,2.6vw,2rem); text-transform:uppercase; letter-spacing:-.02em }
.lst-group-n { font-family:var(--mono); font-size:.5rem; letter-spacing:.14em; color:rgba(0,0,0,.4) }
.lst-row {
  display:grid; grid-template-columns:minmax(160px,26%) minmax(130px,22%) 1fr; gap:1.5rem;
  padding:1rem .4rem; border-bottom:1px solid rgba(0,0,0,.06); align-items:baseline; transition:background .2s;
}
.lst-row.lst-featured { cursor:none }
.lst-row.lst-featured:hover { background:rgba(0,47,167,.05) }
.lst-name { font-family:var(--sans); font-weight:600; font-size:.98rem; color:var(--black); display:flex; align-items:center; gap:.5rem }
.lst-loc { font-family:var(--mono); font-size:.56rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(0,0,0,.45) }
.lst-role { font-family:var(--sans); font-size:.8rem; color:rgba(0,0,0,.6); line-height:1.5 }
.po-visual { flex:1; position:relative; overflow:hidden; background:var(--black) }
.po-visual img { width:100%; height:100%; object-fit:cover; opacity:.78 }
.po-visual-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(14,14,12,.78) 0%, transparent 55%); display:flex; align-items:flex-end; padding:2rem 2.5rem; gap:2.5rem }
.poc { display:flex; flex-direction:column; gap:.25rem }
.poc-n { font-family:var(--sans); font-size:1.8rem; font-weight:700; color:var(--white); line-height:1 }
.poc-l { font-family:var(--mono); font-size:.46rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(244,241,234,.4) }