/* COAMUN r10b · p1: Comités sobre la rejilla de r9 (Juan, 26 oct: «prefiero r9»; el índice entintado no entra).
   Mismo diseño y estructura; más acabado del mismo mundo y la tarjeta del centro resaltada sin hover:
   · la lámina es papel de verdad (fibra, un poco traslúcida: el globo grabado se adivina detrás, como papel cebolla
     sobre un atlas) con doble contorno de grabado (el filete interior a 6 px), como las costas del globo;
   · la foto va en su paspartú, con filete, y sin relleno gris mientras baja (A-calibración: «relleno gris»);
   · --centro (0–1, app.js, la tarjeta que cruza el centro a 390 o la fila del centro a 1440) traza la raya de lacre,
     levanta la lámina con su sombra, lleva la sigla al lacre y enciende la sede («● Nueva York»).
   Letreros de 12 px como mínimo (A-calibración: «letreros diminutos»). Solo opacidad y transform se animan. */

#lista-comites .tc-lamina {
  --centro: 0;
  background-color: rgba(252, 251, 248, .9);
  background-image: var(--papel-fibra);
  background-size: 180px;
  border-color: rgba(15, 15, 17, .14);
  outline: 1px solid rgba(15, 15, 17, .09);
  outline-offset: -7px;
}

/* La sombra de r9 (antes solo con el ratón) sube con --centro: la tarjeta del centro se separa del papel. */
#lista-comites .tc-lamina::before {
  opacity: var(--centro);
  transition: none;
  box-shadow: 0 1px 2px rgba(60, 48, 30, .06), 0 24px 40px -18px rgba(60, 48, 30, .28);
}

#lista-comites .tc-foto {
  margin: 7px 7px 0;
  border-radius: 10px 10px 2px 2px;
  background: #ebe7df var(--papel-fibra);
  box-shadow: 0 0 0 1px rgba(15, 15, 17, .12);
}

#lista-comites .tc-foto--sello { background: #f1eee7 var(--papel-fibra); }

/* Sin hover: el color lo pone el scroll en todos los anchos (r9 lo hacía con un círculo bajo el cursor a 1440). */
@media (hover: hover) and (pointer: fine) {
  #lista-comites .tc-foto .tc-color { clip-path: none; transition: none; }
}

/* La raya de lacre de r9 (antes, hover) se traza con --centro. */
#lista-comites .tc-cuerpo::after {
  transform: scaleX(var(--centro));
  transition: none;
  height: 2px;
}

#lista-comites .tc-sigla {
  color: color-mix(in srgb, var(--rojo) calc(var(--centro) * 100%), var(--texto));
}

#lista-comites .tc-sub { font-size: 12px; color: #4a4d54; }

#lista-comites .tc-sede {
  position: absolute;
  top: 18px;
  right: 22px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rojo);
  /* v10 r2 (contraste.py: «Nueva York» a media opacidad, 2.5:1, con la tarjeta a medio llegar): la sede se enciende en
     el último tramo de --centro (.6 → .8), no a lo largo de todo; pasa rápido por la media tinta. */
  opacity: clamp(0, (var(--centro) - .6) * 5, 1);
}

#lista-comites .tc-sede::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rojo);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, .18);
}

#lista-comites .tc-flecha { border-color: rgba(15, 15, 17, .16); }

/* v10b C1: la banda del globo de Comités (v10 D2/D2b) se quitó: en Comités ya no hay globo. */