.whatsapp-chat { position: fixed; right: 24px; bottom: 24px; z-index: 100; width: min(340px, calc(100vw - 32px)); overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 14px 42px rgba(7, 29, 56, .25); font-family: "Segoe UI", Roboto, Arial, sans-serif; }
.whatsapp-chat__header { display: flex; align-items: center; gap: 10px; padding: 13px 14px; color: #fff; background: #1fa855; }
.whatsapp-chat__mark { display: grid; width: 41px; height: 41px; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 50%; background: #fff; }.whatsapp-chat__mark img { width: 100%; height: 100%; object-fit: contain; }
.whatsapp-chat__title { margin: 0; font-size: .95rem; font-weight: 800; }.whatsapp-chat__status { margin: 1px 0 0; font-size: .76rem; opacity: .88; }
.whatsapp-chat__close { margin-left: auto; padding: 4px 7px; border: 0; color: #fff; background: transparent; font-size: 1.35rem; line-height: 1; cursor: pointer; }.whatsapp-chat__close:hover,.whatsapp-chat__close:focus-visible { border-radius: 5px; outline: 2px solid #fff; background: rgba(255,255,255,.16); }
.whatsapp-chat__body { padding: 16px; background: #eef6f0; }.whatsapp-chat__message { margin: 0 0 14px; padding: 12px 13px; border-radius: 4px 12px 12px; color: #274136; background: #fff; box-shadow: 0 2px 8px rgba(12, 53, 27, .08); font-size: .91rem; line-height: 1.45; }
.whatsapp-chat__action { display: flex; min-height: 43px; align-items: center; justify-content: center; border-radius: 8px; color: #fff; background: #1fa855; font-size: .9rem; font-weight: 800; text-decoration: none; }.whatsapp-chat__action:hover,.whatsapp-chat__action:focus-visible { outline: 2px solid #126f37; outline-offset: 2px; background: #178e47; }
.whatsapp-chat__launcher { display: none; width: 67px; height: 67px; padding: 0; overflow: hidden; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 10px 28px rgba(7, 29, 56, .25); cursor: pointer; }.whatsapp-chat__launcher img { display: block; width: 100%; height: 100%; object-fit: contain; }.whatsapp-chat.is-minimized { width: auto; overflow: visible; background: transparent; box-shadow: none; }.whatsapp-chat.is-minimized .whatsapp-chat__panel { display: none; }.whatsapp-chat.is-minimized .whatsapp-chat__launcher { display: block; }
@media (max-width: 600px) { .whatsapp-chat { right: 16px; bottom: 16px; } }