:root{color:#e9edef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b141a;font-family:Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,p,h1{margin:0}#root{height:100dvh}svg{display:block}.whatsapp{background:#0b141a;flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{z-index:1;background:#202c33;flex-shrink:0;align-items:center;gap:13px;height:64px;padding:0 22px;display:flex}.avatar{background:#667781;border-radius:50%;flex-shrink:0;width:41px;height:41px;overflow:hidden}.avatar svg{fill:#cfd7db;width:100%;height:100%;transform:translateY(4px)}.contact{flex:1}.contact h1{font-size:16px;font-weight:500;line-height:23px}.contact p{color:#aebac1;font-size:12px;line-height:18px}.header-icons{color:#aebac1;align-items:center;gap:29px;display:flex}.header-icons svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.header-icons .dots{fill:currentColor;stroke:none}.back-arrow{display:none}.chat-body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%2386959c' stroke-opacity='.075' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 25 12-8 12 8-4 15H24Zm5 5h14M91 15c-8-14-22 0-11 9l12 10 12-10c11-9-3-23-12-9ZM165 15l5 10 12 2-9 8 2 12-10-6-10 6 2-12-9-8 12-2ZM50 80c-12-7-27 5-21 17l-4 9 11-3c17 7 31-13 14-23ZM34 90h12m-12 5h8M110 72l18 7-7 19-18-7zM107 85l16 6m-7-13-6 14M168 88c-4-18 17-20 23-19-1 19-8 29-23 19Zm0 0 16-12M18 159l12-16 13 16-4 14H22Z m5 0h15M81 151h27v20H81z m5-20 3-6h11l3 6m-7 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0M155 153c-6-11 5-15 8-6 4-10 15-3 7 6l-8 8zM193 195l4-5m-6-2 3 1M65 204l6-6m-4-5 6 2M9 66l3 3M139 122l4 4M205 52l3 5M115 205l9-4 6 7-6 9z'/%3E%3C/g%3E%3C/svg%3E");flex:1;padding:24px max(6%,20px);overflow:auto}.date{color:#b6c1c7;background:#18252d;border-radius:7px;width:fit-content;margin:0 auto 26px;padding:6px 12px;font-size:12px;box-shadow:0 1px 2px #0003}.messages{flex-direction:column;gap:14px;max-width:1120px;margin:auto;display:flex}.message{min-width:90px;max-width:min(75%,460px);padding:9px 10px 6px 12px;position:relative;box-shadow:0 1px 1px #0004}.message p{white-space:normal;overflow-wrap:anywhere;padding-right:3px;font-size:14.2px;line-height:1.45}.received{background:#202c33;border-radius:0 8px 8px;align-self:flex-start}.sent{background:#005c4b;border-radius:8px 0 8px 8px;align-self:flex-end}.message:before{content:"";border-top:9px solid;width:0;height:0;position:absolute;top:0}.received:before{border-top-color:#202c33;border-left:8px solid #0000;left:-8px}.sent:before{border-top-color:#005c4b;border-right:8px solid #0000;right:-8px}.time{color:#a6b5ba;justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;font-size:11px;line-height:14px;display:flex}.time svg{stroke:#53bdeb;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:14px}.composer{color:#aebac1;background:#202c33;flex-shrink:0;align-items:center;gap:22px;height:70px;padding:11px 22px;display:flex}.composer>svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.placeholder{color:#8696a0;background:#2a3942;border-radius:8px;flex:1;padding:13px 17px;font-size:15px;line-height:20px}.mic svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:24px;height:24px}.camera{display:none!important}@media (width>=1500px){.whatsapp{border-left:1px solid #28343a;border-right:1px solid #28343a;max-width:1500px;margin:0 auto}}@media (width<=600px){.chat-header{gap:8px;height:64px;padding:0 13px 0 8px}.back-arrow{color:#e9edef;font-size:36px;line-height:1;display:block}.avatar{width:38px;height:38px}.header-icons{gap:22px}.header-icons svg{width:20px;height:20px}.contact h1{font-size:16px}.chat-body{padding:18px 17px}.date{margin-bottom:22px;font-size:11px}.message{max-width:84%}.message p{font-size:14px}.composer{height:72px;padding:8px 7px max(8px,env(safe-area-inset-bottom));background:#0b141a;gap:0;position:relative}.composer:before{content:"";background:#202c33;border-radius:28px;position:absolute;inset:8px 62px 8px 6px}.composer>*{position:relative}.composer .smile{width:24px;height:24px;margin:0 12px}.placeholder{background:0 0;padding:13px 0;font-size:15px}.composer .attachment{width:21px;height:21px;margin:0 15px 0 6px}.composer .camera{width:23px;height:23px;margin-right:18px;display:block!important}.mic{color:#fff;background:#00a884;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.mic svg{width:23px;height:23px}}@media (width<=360px){.header-icons{gap:14px}.composer .camera{display:none!important}.message{max-width:88%}}.composer input{color:#e9edef;border:0;outline:none;min-width:0;font-family:inherit}.composer input::placeholder{color:#8696a0}.composer input:focus-visible{box-shadow:0 0 0 1px #00a884}.send{cursor:pointer;color:#fff;background:#00a884;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;padding:0;display:grid}.send:disabled{opacity:.45;cursor:default}.send:focus-visible{outline-offset:3px;outline:2px solid #53bdeb}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;font-size:14.2px;line-height:1.45}.list-line{gap:8px;padding-left:8px;display:flex}.typing{align-items:center;gap:5px;min-width:140px;padding:15px;display:flex}.typing>span{background:#aebac1;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing-pulse}.typing>span:nth-child(2){animation-delay:.2s}.typing>span:nth-child(3){animation-delay:.4s}.typing small{color:#aebac1;margin-left:7px;font-size:12px}.chat-error{color:#ffc4c4;background:#38272b;border-radius:8px;align-self:center;max-width:460px;padding:10px 14px;font-size:12px;line-height:1.5}.failed{color:#ffb5b5;font-weight:700}@keyframes typing-pulse{50%{opacity:.35;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.typing>span{animation:none}}@media (width<=600px){.send{width:48px;height:48px}.message-text{font-size:14px}}