/* Asistente virtual (chatbot) flotante. El panel usa el Offcanvas de
 * Bootstrap (ver template-parts/chatbot/content-chatbot.php); aquí solo
 * los detalles que Bootstrap no cubre: tamaño de la burbuja y ancho
 * máximo de los mensajes del chat. */

.chatbotBurbuja {
	bottom: 60px !important;
	width: 60px;
	height: 60px;
	font-size: 28px;
	/* Por debajo del z-index del offcanvas de Bootstrap (1045), para que el
	 * panel la tape mientras está abierto y vuelva a verse al cerrarlo. */
	z-index: 1030;
}

.chatbotMensaje {
	max-width: 85%;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}

.chatbotMensaje--escribiendo {
	opacity: 0.6;
}

.js-chatbot-panel.chatbotPanel--resaltarWhatsapp .btn-success {
	box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.4);
	animation: chatbotPulso 1.5s ease-in-out infinite;
}

@keyframes chatbotPulso {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.03); }
}

.grecaptcha-badge {
	z-index: 9
}