.xat{z-index:85;background:var(--bg);color:var(--ink);left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));border-radius:var(--r);border:1px solid var(--line);height:min(480px,100dvh - 190px);box-shadow:var(--shadow),0 30px 70px -30px #0b1a2e73;transform-origin:100% 100%;opacity:0;flex-direction:column;font-size:1.02rem;line-height:1.45;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;overflow:hidden;transform:translateY(12px)scale(.97)}.xat.obert{opacity:1;transform:none}@media (width>=480px){.xat{width:380px;left:auto}}@media (width>=900px){.xat{width:400px;height:min(640px,100dvh - 140px);bottom:108px;right:28px}}@media (width>=600px) and (width<=899px){body.scrolled:not(.form-on-screen):not([data-page=contacte]) .xat{bottom:calc(88px + 74px + env(safe-area-inset-bottom,0px));height:min(480px,100dvh - 264px)}}.xat-fons{display:none}@media (width<=599px){.xat{transform-origin:50% 100%;opacity:0;border-width:1px 0 0;border-radius:24px 24px 0 0;height:88dvh;bottom:0;left:0;right:0;transform:translateY(40px)}.xat.obert{opacity:1;transform:none}.xat-form{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}html.xat-teclat .xat{border-width:0;border-radius:0;transition:none;bottom:auto}html.xat-teclat .xat-form{padding-bottom:10px}.xat-fons{z-index:84;opacity:0;background:#09142580;transition:opacity .25s;display:block;position:fixed;inset:0}.xat-fons.obert{opacity:1}html.xat-on,html.xat-on body{overflow:hidden}html.xat-on .xat-launch,html.xat-on .appbar{visibility:hidden}}.xat-cap{background:var(--navy);color:var(--on-navy);align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.xat-marca img{background:#fff;border-radius:12px;width:40px;height:40px;padding:4px}.xat-titols{flex:1;min-width:0}.xat-titols h2{font:600 1.12rem/1.2 var(--display);color:inherit;letter-spacing:-.01em}.xat-titols h2:focus{outline:none}.xat-titols p{opacity:.78;max-width:none;font-size:.82rem}.xat-ic{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.xat-ic:hover{background:#ffffff1f}.xat-ic svg{width:22px;height:22px}.xat-reinicia svg{width:20px;height:20px}.xat-log{overscroll-behavior:contain;background:var(--surface);flex-direction:column;flex:1;gap:12px;padding:18px 14px 8px;display:flex;position:relative;overflow-y:auto}.xat-log:focus-visible{outline-offset:-3px}.xat-msg{flex-direction:column;gap:8px;max-width:88%;display:flex}.xat-msg p{overflow-wrap:anywhere;border-radius:20px;max-width:none;padding:11px 15px}.xat-bot{align-self:flex-start}.xat-bot p{background:var(--card);color:var(--ink);border-bottom-left-radius:6px;box-shadow:0 1px 2px #1a365d14}.xat-bot b{color:var(--head)}.xat-jo{align-self:flex-end}.xat-jo p{background:var(--navy);color:var(--on-navy);border-bottom-right-radius:6px}.xat-entra{animation:.3s cubic-bezier(.2,.8,.2,1) xat-entra}@keyframes xat-entra{0%{opacity:0;transform:translateY(8px)}}.xat-botons{flex-wrap:wrap;gap:8px;display:flex}.xat-boto{background:var(--accent);min-height:44px;color:var(--on-accent);border-radius:999px;align-items:center;padding:0 18px;font-size:.96rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.xat-boto:hover{background:var(--accent-hover)}.xat-boto+.xat-boto{background:var(--card);color:var(--head);border:1.5px solid var(--line)}.xat-boto+.xat-boto:hover{border-color:var(--accent)}.xat-xips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.xat-xip{font:500 .9rem/1.2 var(--sans);text-align:left;cursor:pointer;background:var(--accent-soft);min-height:40px;color:var(--accent-text);border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;padding:8px 14px;transition:background .2s,border-color .2s}.xat-xip:hover{border-color:var(--accent)}.xat-bloc{background:var(--surface-2);max-width:none;color:var(--muted);text-align:center;border-radius:16px;align-self:stretch;margin:4px 0;padding:12px 16px;font-size:.94rem}.xat.blocat .xat-xips,.xat.blocat .xat-botons{display:none}.xat.blocat .xat-form{opacity:.5}.xat-escrivint p{gap:5px;padding:15px 16px;display:flex}.xat-escrivint span{background:var(--muted);border-radius:999px;width:7px;height:7px;animation:1s ease-in-out infinite xat-punt}.xat-escrivint span:nth-child(2){animation-delay:.15s}.xat-escrivint span:nth-child(3){animation-delay:.3s}@keyframes xat-punt{0%,80%,to{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}.xat-huma{background:var(--bg);justify-content:center;display:flex}.xat-huma:not(:empty){padding-top:8px}.xat-form{background:var(--bg);border-top:1px solid var(--line);gap:8px;padding:10px 12px 12px;display:flex}.xat-input{min-width:0;font:500 1rem/1.3 var(--sans);color:var(--ink);background:var(--field);border:2px solid var(--field-line);border-radius:999px;flex:1;min-height:50px;padding:0 18px}.xat-input:focus{border-color:var(--accent);background:var(--card);outline:none}@media (width<=899px){.xat-input{font-size:16px}}.xat-envia{background:var(--accent);width:50px;height:50px;color:var(--on-accent);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;transition:background .2s,opacity .2s;display:grid}.xat-envia:hover{background:var(--accent-hover)}.xat-envia svg{width:22px;height:22px}.xat-form.ocupat .xat-envia{opacity:.55;cursor:progress}@media (prefers-reduced-motion:reduce){.xat,.xat-entra,.xat-escrivint span{transition:none;animation:none}}html.lite .xat{box-shadow:var(--shadow)}
