/* COAMUN r8 · W1: MUN (país asignado) y Comités. Solo lo nuevo de este frente; va después de estilos.css. */

/* ------------------------------------------------------------------ */
/* r8b W1-1 · El país asignado en el rótulo del paso: «Te toca Brasil». */
/* El nombre va en la letra de los números (Italiana) y en lacre; ocupa  */
/* la misma celda que «un país» (sin position: no se encima a nada).     */
/* ------------------------------------------------------------------ */
.mt-cambio {
  display: inline-grid;
  align-items: baseline;
  justify-items: start;
  /* El nombre es más alto que la línea: el margen negativo evita que el título crezca (el paso no cambia de alto). */
  margin-top: -.45em;
}

.mt-cambio > * { grid-area: 1 / 1; }

.mt-un { display: inline-block; }

.mt-pais {
  font: 400 1.9em/.9 var(--titulo);
  letter-spacing: .01em;
  color: var(--rojo);
  white-space: nowrap;
  opacity: 0;
}

/* CLS 0 · al aprobarse, el título del marcador crece («… aprobada 22–6») y a 1440 empujaba la columna del sello
   24 px (0.0005). La columna del título ya no crece con su texto: se sale hacia el aire que deja el sello. */
@media (min-width: 900px) {
  .mun-voto { grid-template-columns: minmax(0, 1fr) auto; }
}

/* r8b W1 · CLS de MUN al subir de golpe (W3: 0.228 a 390; origen LI.mun-paso--hoja). La hoja cambiaba margen, relleno y
   borde al ponerse y quitarse la clase: la caja del paso se movía (el texto no). Ahora todos los pasos tienen siempre
   la geometría de la hoja, con el borde transparente; la clase solo pinta (fondo, color del borde y sombra). */
.mun--fijada .mun-paso {
  margin: 0 -18px -40px;
  padding: 18px 18px 40px;
  border-top: 1px solid transparent;
}

.mun--fijada .mun-paso--hoja { border-top-color: rgba(15, 15, 17, .08); }

/* r9 W1 · Comités: la foto de abajo es blanco y negro de verdad. Algunos archivos «gris» traen un tinte (onu-mujeres
   medía 0.066 de saturación con su color apagado): con el filtro, la tarjeta que no está al centro queda en 0. La copia
   a color (.tc-color) no lleva filtro. */
.tc-foto:not(.tc-foto--sello) img:not(.tc-color) { filter: grayscale(1); }