.mensaje {
    max-width: 93%; /* Aumenta el ancho del mensaje */
    word-wrap: break-word;
    font-size: .9rem;
}

.message-received {
    align-self: flex-start;
    margin-right: auto;
}

.message-sent {
    align-self: flex-end;
    margin-left: auto;
}
.chat_hora {
    font-size: .9rem;
    font-family: monospace;
    text-align: right;
    color: #d6d6d6;
}
.chat-container .bg-secondary {
    border-radius: 0 15px 15px 15px !important;
}
.chat-container .bg-success {
    border-radius: 15px 0 15px 15px !important;
}
.overlay-cargando {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  backdrop-filter: blur(3px);
}

.overlay-cargando-content {
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  background: rgba(0,0,0,0.4);
}

.overlay-cargando.d-none {
  display: none;
}
.overlay-imagen {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3100;
}

.overlay-imagen-content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
}

.overlay-imagen-content img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 1rem;
}

.cerrar-visor {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
 
.overlay-imagen.d-none {
  display: none;
}

/* opcional: cursor de mano en las miniaturas del chat */
.chat-imagen {
  cursor: zoom-in;
}