.asistente {
	max-width: 760px;
	margin: 0 auto;
	padding: 60px 20px 40px 20px;
	color: #fff;
}
.asistente h4 { color: #f1592a; margin-bottom: 15px; }
.asistente-login { display: flex; flex-direction: column; gap: 8px; max-width: 360px; margin: 20px 0; }
.asistente-login input,
.asistente-envio input {
	padding: 10px;
	border: 1px solid #555;
	border-radius: 3px;
	background: #fff;
	color: #000;
	font-size: 15px;
}
.asistente-login button,
.asistente-envio button {
	cursor: pointer;
	border: 0;
	background: #f1592a;
	color: #fff;
	padding: 10px 20px;
	font-size: 14px;
}
.asistente-login button:hover,
.asistente-envio button:hover { background: #f88f6f; }
.asistente-error { color: #ff9d8a; font-weight: bold; }
.asistente-aviso { font-size: 12px; color: #aaa; margin-top: 15px; }
.asistente-barra { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.boton-salir { cursor: pointer; border: 1px solid #f1592a; background: none; color: #f1592a; padding: 5px 12px; margin-left: 10px; }
.asistente-chat {
	height: 380px;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	margin-bottom: 10px;
}
.burbuja { padding: 10px 14px; margin: 8px 0; border-radius: 6px; max-width: 85%; line-height: 1.4; word-wrap: break-word; }
.burbuja { white-space: pre-wrap; }
.burbuja.bot { background: #333; }
.burbuja.yo { background: #f1592a; margin-left: auto; }
.burbuja a { color: #ffd2c4; text-decoration: underline; }
.asistente-envio { display: flex; gap: 8px; }
.opciones span { display: block; margin-bottom: 8px; }
.opciones button { cursor: pointer; border: 1px solid #f1592a; background: none; color: #fff; padding: 5px 18px; margin-right: 8px; }
.opciones button:hover:not(:disabled) { background: #f1592a; }
.opciones button:disabled { opacity: 0.5; cursor: default; }
.opciones button.elegido { background: #f1592a; opacity: 1; }
.asistente-envio input { flex: 1; }