#webchat {
	display: none; /* Comienza oculto */
	position: fixed;
	bottom: 80px;
	right: 20px;
	height: 400px;
	width: 300px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	background: white;
	z-index: 1000;
}

#chat-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #0058a6;
	color: white;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 1001;
	font-size: 24px;
}

#chat-button:hover {
	background-color:  #0078d4;
}

/*--------------*/

#chat-button{ width:50px; height:50px; left:auto; right:10px; border:3px solid #fff;
}
#webchat{ border-radius:10px; overflow:hidden;
}
#webchat .webchat__bubble__content{ border-radius:8px; border:none !important; background:#f2f6fa !important;
}
#webchat .webchat__bubble--from-user .webchat__bubble__content{ background:#0058a6 !important; color:#fff;
}
#webchat .ac-image{ max-width: 90px !important; border-radius:100%;
}
#webchat div:has( > img ){ justify-content:center !important;
}
#webchat .webchat__upload-button{ display:none;
}

/*---------------*/

/* Estilo general del scrollbar */
.webchat__basic-transcript__scrollable::-webkit-scrollbar {
  width: 12px !important; /* Ancho del scrollbar */
}
/* Estilo del "thumb" (parte que puedes arrastrar) */
.webchat__basic-transcript__scrollable::-webkit-scrollbar-thumb {
  background-color: #0058a6; /* Color de fondo del thumb */
  border: 3px solid #f1f1f1;
  border-radius: 10px;
}
/* Cuando el thumb es hover (cuando pasas el ratón sobre él) */
.webchat__basic-transcript__scrollable::-webkit-scrollbar-thumb:hover {
  background-color: #007bff; /* Color más oscuro al pasar el ratón */
}
/* Estilo del track (fondo del scrollbar) */
.webchat__basic-transcript__scrollable::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color de fondo del track */
  border-radius: 10px;
}
/* Estilo del track cuando el thumb está en movimiento */
.webchat__basic-transcript__scrollable::-webkit-scrollbar-track:hover {
  background-color: #e0e0e0;
}