/* Links en azul: caja de escribir y mensajes. */
.entrada-marco {
  position: relative;
  width: 100%;
}
.entrada-marco > #entrada {
  display: block;
  position: relative;
  z-index: 1;
}
.entrada-espejo {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  color: var(--texto);
}
.entrada-espejo[hidden] { display: none; }
.entrada-espejo-hoja {
  white-space: inherit;
  word-break: inherit;
  overflow-wrap: inherit;
}
.entrada-link {
  color: #5ec8ff;
  background: rgba(94, 200, 255, 0.14);
  border-radius: 4px;
  text-decoration: underline;
  text-decoration-color: rgba(94, 200, 255, 0.55);
  text-underline-offset: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
#entrada.entrada-con-link {
  color: transparent;
  caret-color: var(--texto);
}
#entrada.entrada-con-link::selection {
  color: transparent;
  background: rgba(94, 200, 255, 0.28);
}

.msg .cuerpo a.link-azul,
.voz-linea a.link-azul {
  color: #5ec8ff;
  text-decoration: underline;
  text-decoration-color: rgba(94, 200, 255, 0.5);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.msg .cuerpo a.link-azul:hover,
.voz-linea a.link-azul:hover {
  text-decoration-color: currentColor;
}

html.tema-dia .entrada-link {
  color: #0b5fe6;
  background: rgba(11, 95, 230, 0.1);
  text-decoration-color: rgba(11, 95, 230, 0.45);
}
html.tema-dia #entrada.entrada-con-link::selection {
  background: rgba(11, 95, 230, 0.2);
}
html.tema-dia .msg .cuerpo a.link-azul,
html.tema-dia .voz-linea a.link-azul {
  color: #0b5fe6;
  text-decoration-color: rgba(11, 95, 230, 0.45);
}
/* De día tu burbuja es azul fuerte: el link va en blanco subrayado para que se lea. */
html.tema-dia .msg.user .cuerpo a.link-azul {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.75);
}