/* ---- muro de comentarios ---- */
.muro-lista {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  max-height: 60vh;
  overflow-y: auto;
}
.muro-noticias {
  max-height: 30vh;
}

.mensaje-muro {
  align-self: flex-start;
  max-width: 82%;
  background: var(--superficie-alta);
  border-radius: 14px 14px 14px 4px;
  padding: .5rem .7rem;
  animation: fade-in-up .25s ease both;
}
.mensaje-muro.propio {
  align-self: flex-end;
  background: var(--burbuja-propia);
  border-radius: 14px 14px 4px 14px;
}
.mensaje-muro.sistema {
  align-self: center;
  max-width: 92%;
  background: color-mix(in srgb, var(--verde) 12%, var(--superficie-alta));
  border: 1px solid color-mix(in srgb, var(--verde) 30%, transparent);
  border-radius: var(--radio-chico);
  text-align: center;
}
.mensaje-muro.sistema .mensaje-muro-cabecera { justify-content: center; }
.mensaje-muro.sistema .mensaje-muro-texto { font-weight: 600; }

.mensaje-muro-cabecera {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .68rem;
  margin-bottom: .2rem;
}
.mensaje-muro-cabecera strong { font-size: .74rem; }

.borrar-comentario {
  margin-left: auto;
  border: none;
  background: none;
  color: var(--gris-700);
  cursor: pointer;
  font-size: .7rem;
  padding: 0 .2rem;
  transition: color .15s ease, transform .12s ease;
}
.borrar-comentario:active { transform: scale(.85); color: var(--rojo); }

.mensaje-muro-texto {
  font-size: .86rem;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.muro-form {
  display: flex;
  gap: .5rem;
  margin-top: .75rem;
  position: sticky;
  bottom: calc(4.2rem + env(safe-area-inset-bottom));
}
.muro-form input {
  flex: 1;
  min-width: 0;
  padding: .6rem .7rem;
  border: 1px solid var(--gris-400);
  border-radius: 20px;
  font-size: .88rem;
}
.muro-form input:focus { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--verde) 20%, transparent); }
.muro-form .btn { border-radius: 20px; padding: .6rem 1.1rem; }