:root { 
    --chat--window--z-index: 99999 !important;
    --chat--color-dark: #3D607E;
    --chat--toggle--background: #3D607E;
    --chat--message--user--background: #3D607E;
    --chat--input--send--button--color: #3D607E;
    --chat--color--secondary: #3D607E;
    --chat--toggle--hover--background: #ff0098;
    --theme: #ff0098;
    --chat--window--bottom: 2rem;
    --chat--heading--font-size: .7rem;
    --chat--message--font-size: .75rem;
    --chat--input--font-size: .75rem;
    --chat--input--padding: .5rem;
    --chat--toggle--width: 70px;
    --chat--toggle--height: 70px;
    --chat--window--right: 30px;
    --chat--window--bottom: 60px;
}

#n8n-chat h1 { 
    background: url(https://tuasistentevirtualinteligente.es/assistant/tavi_logo.svg) no-repeat 0 0 transparent !important;
    margin-bottom: 0;
    text-transform: uppercase;
    padding-left: 130px;
}
.chat-message-typing .chat-message-typing-circle { aspect-ratio: 1;}
/* 1) Amaga la icona SVG original (segons versions pot ser svg o pseudo-element) */
.chat-window-toggle svg,
.n8n-chat-widget-toggle svg {
    display: none !important;
}
/* 2) Posa el teu SVG com a fons del botó */
.chat-window-toggle,
.n8n-chat-widget-toggle {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 36px 35px !important;
    /* Substitueix aquest data URI pel teu SVG (veure notes d'encoding) */
    background-image: url(https://tuasistentevirtualinteligente.es/assistant/tavi_icon.png) !important;
}
.chat-window-toggle {
    transform: perspective(1px) scale(1);
    animation: pulse-black 2s infinite;
}
@keyframes pulse-black {
    0% { /* transform: perspective(1px) scale(0.95); */ box-shadow: 0 0 0 0 rgba(30, 30, 45, 0.7); }		
    70% { /* transform: perspective(1px) scale(1); */ box-shadow: 0 0 0 10px rgba(30, 30, 45, 0); }
    100% { /* transform: perspective(1px) scale(0.95); */ box-shadow: 0 0 0 0 rgba(30, 30, 45, 0); }
}