.asistente {
	max-width: 760px;
	margin: 0 auto;
	padding: 25px 20px 20px 20px;
	color: #fff;
	text-align: center;
}
.asistente h4 { color: #000; margin-bottom: 8px; }
.asistente h4 .naranja { color: #f1592a; }
.asistente-destacado { font-size: 16px; font-weight: bold; }
.asistente-detalle { font-size: 14px; margin-top: 4px; }
.asistente-login { display: flex; flex-direction: column; align-items: center; gap: 4px; max-width: 360px; margin: 12px auto; }
.asistente-login label { font-size: 12px; margin-bottom: 0; }
.asistente-login input,
.asistente-envio input {
	padding: 7px 18px;
	border: 1px solid #555;
	border-radius: 30px;
	background: #fff;
	color: #000;
	font-size: 14px;
	text-align: center;
}
.asistente-login input { width: 100%; box-sizing: border-box; }
.asistente-login button,
.asistente-envio button {
	cursor: pointer;
	border: 3px solid #f1592a;
	border-radius: 30px;
	background: none;
	color: #fff;
	padding: 8px 30px;
	font-size: 14px;
	margin-top: 8px;
}
.asistente-login button:hover,
.asistente-envio button:hover { background: #f88f6f; border-color: #f88f6f; }
.asistente-error { color: #ff9d8a; font-weight: bold; }
.asistente-aviso { font-size: 12px; color: #aaa; margin-top: 8px; }
.asistente-barra { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-bottom: 8px; }
.boton-salir { cursor: pointer; border: 2px solid #f1592a; border-radius: 30px; background: none; color: #f1592a; padding: 5px 16px; margin-left: 10px; }
.asistente-chat {
	height: 38vh;
	min-height: 200px;
	max-height: 380px;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px;
	margin-bottom: 10px;
	text-align: left;
}
.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; }
#beneficios {
	margin-top: 0;
	background-color: #000;
	background-image: linear-gradient(rgba(128, 128, 128, 0.88), rgba(128, 128, 128, 0.88)), url(./imagenes/notebook.jpg);
	background-size: cover, cover;
	background-repeat: no-repeat, no-repeat;
	background-position: center, right bottom;
}
.opciones span { display: block; margin-bottom: 8px; }
.opciones button { cursor: pointer; border: 2px solid #f1592a; border-radius: 30px; background: none; color: #fff; padding: 5px 20px; 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; }