<!-- start Simple Custom CSS and JS -->
<style type="text/css">
@import url('https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css');
:root {
	--chat--color--primary: #5472d2; /* Color círculo pequeño */
	--chat--color--primary-shade-50: #5472d2; /* Color  hover */
	--chat--color--primary--shade-100: #F2F2F2; /* Color hover click */
	
	--chat--color-dark: #5472d2; /* Color encabezado y texto */
	--chat--color-light: #f2F2FFf2; /* Color background chat */
	--chat--message--bot--background: #cfcfcf; /* Color background texto bot */
	--chat--message--bot--color: #32437d; /* Color texto bot */
	
	--chat--message--user--background:#5472d2; /* Color background texto user */
	--chat--message--user--color: #FFFFFF; /* Color texto user */

	--chat--color-secondary: #5472d2; /* Color botón enviar */
	--chat--color-white: #F2F2F2; /* Color  chat pequeño */

    --chat--border-radius: 1rem; /* redondear esquinas del chat */
    --chat--window--bottom: 120px;
    --chat--window--right: 90px;
}
    .chat-window-toggle {
    position: fixed !important;
    bottom: 60px !important;
    right: 90px !important;
    z-index: 9999999 !important;
    transition: transform 0.6s ease-in-out, box-shadow 0.3s ease;
    .chat-window-container,
    .chat-window-wrapper,
    .chat-window {
    bottom: 110px !important;   /* súbelo */
      right: 65px !important;     /* alineación bonita con el botón */
      max-height: calc(100vh - 150px) !important; /* evita que se salga de pantalla */
}</style>
<!-- end Simple Custom CSS and JS -->
