/* Redes ----------------------------------------------------------------- */
.cmr-redes-franja {
  display: grid;
  gap: 1.2rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: var(--papel);
  border-radius: calc(var(--radio) * 4);
}

.cmr-redes-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }

.cmr-redes-acciones { display: flex; align-items: center; gap: 1rem; }

.cmr-redes-cabecera h2 {
  font-family: var(--sans); font-weight: 700; font-size: .7rem;
  letter-spacing: .16em; text-transform: uppercase; color: var(--gris);
}

.cmr-redes-cuenta { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

.cmr-redes-foto { width: 3.2rem; height: 3.2rem; border-radius: 50%; object-fit: cover; }

.cmr-redes-foto.es-iniciales { display: grid; place-items: center; color: var(--papel); background: var(--verde); }

.cmr-redes-cuenta > div:nth-child(2) { display: grid; }

.cmr-redes-cifras { display: flex; gap: 1.5rem; margin-left: auto; }

.cmr-redes-cifras div { display: grid; text-align: right; }

.cmr-redes-cifras strong { font-family: var(--serif); font-size: 1.4rem; color: var(--verde); }

.cmr-redes-cifras span { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gris); }

.cmr-redes-metricas { display: flex; flex-wrap: wrap; gap: 1.5rem; }

.cmr-redes-metrica { display: grid; }

.cmr-redes-metrica strong { font-family: var(--serif); font-size: 1.5rem; color: var(--verde); }

.cmr-redes-metrica span { font-size: .74rem; color: var(--gris); }

.cmr-redes-vacio { display: grid; gap: .7rem; }

.cmr-redes-vacio h3 { font-family: var(--serif); font-weight: 400; font-size: 1.2rem; color: var(--verde); }

.cmr-redes-vacio code { padding: .1rem .35rem; font-family: ui-monospace, monospace; font-size: .85em; background: var(--blanco); border-radius: var(--radio); }

.cmr-redes-lista { display: grid; gap: .4rem; padding-left: 1.1rem; font-size: .92rem; }

.cmr-medios-tira { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }

.cmr-medios { display: grid; gap: 1.5rem; }

.cmr-medio { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; align-items: start; }

.cmr-medio-foto img { width: 7rem; height: 7rem; object-fit: cover; border-radius: var(--radio); }

.cmr-medio-cuerpo { display: grid; gap: .4rem; min-width: 0; }

.cmr-medio-pie { font-size: .88rem; line-height: 1.5; }

.cmr-medio-cifras { display: flex; gap: 1rem; font-size: .76rem; color: var(--gris); }

.cmr-medio-comentarios { display: grid; gap: .5rem; margin-top: .4rem; }

.cmr-comentario { display: grid; gap: .3rem; padding: .6rem; background: var(--blanco); border-radius: var(--radio); }

.cmr-comentario-cuerpo strong { font-size: .8rem; color: var(--verde); }

.cmr-comentario-cuerpo p { font-size: .86rem; line-height: 1.5; }

.cmr-comentario-responder { display: flex; flex-wrap: wrap; gap: .4rem; }

.cmr-comentario-responder input {
  flex: 1 1 12rem; padding: .45rem .6rem;
  border: 1px solid var(--crema); border-radius: var(--radio);
}

.cmr-pagina-seccion {
  display: grid;
  gap: .8rem;
  padding: 1rem;
  background: var(--blanco);
  border: 1px solid var(--crema);
  border-radius: var(--radio);
}

.cmr-usuario-celda { display: flex; align-items: center; gap: .7rem; }

.cmr-usuario-celda > div { display: grid; }

.cmr-usuario-celda span { font-size: .8rem; }

.cmr-usuario-alias { font-weight: 600; font-size: .82rem; color: var(--verde); }

/* Qué abre cada permiso, junto al desplegable que lo reparte: es la decisión
   que se toma en esa pantalla y tomarla de memoria acaba con todo el mundo
   siendo admin. */
.cmr-permisos-leyenda {
  display: grid;
  gap: .35rem;
  margin: 0 0 1.4rem;
  padding: .9rem 1.1rem;
  list-style: none;
  background: var(--blanco);
  border: 1px solid var(--crema);
  border-radius: var(--radio);
  font-size: .84rem;
  line-height: 1.45;
}

.cmr-permisos-leyenda strong { font-weight: 700; }

/* «Completada» es el final bueno del ciclo de una visita, así que se tiñe
   como una confirmada pero más asentada: la confirmada es una promesa y esta
   es un hecho. */
.cmr-chip.es-completada { background: var(--verde); color: var(--papel); }

tr.es-completada .cmr-col-cuando strong { color: var(--verde); }