.whatsapp-chat { position: fixed; right: 24px; bottom: 24px; z-index: 90; font-family: "DM Sans", Arial, sans-serif; }
.whatsapp-chat__toggle { display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 17px; border: 0; border-radius: 999px; background: #25d366; color: #fff; box-shadow: 0 7px 21px rgba(0, 79, 36, .28); cursor: pointer; font: 700 11px/1 "DM Sans", Arial, sans-serif; letter-spacing: .055em; text-transform: uppercase; transition: transform 160ms ease, box-shadow 160ms ease; }
.whatsapp-chat__toggle:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0, 79, 36, .34); }
.whatsapp-chat__toggle:focus-visible,.whatsapp-chat__close:focus-visible,.whatsapp-chat__choices button:focus-visible,.whatsapp-chat__continue:focus-visible { outline: 3px solid #1e71df; outline-offset: 3px; }
.whatsapp-chat svg { width: 20px; height: 20px; fill: currentColor; flex: 0 0 auto; }
.whatsapp-chat__panel { position: absolute; right: 0; bottom: 64px; width: min(348px,calc(100vw - 34px)); overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 0 16px 45px rgba(4, 21, 45, .24); opacity: 0; pointer-events: none; transform: translateY(8px) scale(.98); transform-origin: right bottom; transition: opacity 160ms ease, transform 160ms ease; }
.whatsapp-chat.is-open .whatsapp-chat__panel { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.whatsapp-chat__panel header { display: flex; align-items: flex-start; justify-content: space-between; min-height: 82px; padding: 18px 19px; background: #0a2a55; color: #fff; }
.whatsapp-chat__panel header div { position: relative; padding-left: 16px; }.whatsapp-chat__status { position: absolute; top: 7px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #72dda7; }.whatsapp-chat__panel header p { margin: 0; font: 700 15px/1.2 Manrope,Arial,sans-serif; }.whatsapp-chat__panel header small { display: block; margin-top: 5px; color: #b9cde9; font-size: 11px; }.whatsapp-chat__close { border: 0; padding: 0; background: transparent; color: #fff; cursor: pointer; font-size: 26px; line-height: .7; }
.whatsapp-chat__body { max-height: 330px; overflow-y: auto; padding: 17px; background: #f3f6fa; }.whatsapp-chat__time { margin: 0 0 13px; color: #8593a6; font-size: 10px; text-align: center; }.whatsapp-chat__bubble { width: fit-content; max-width: 88%; margin: 0 0 10px; padding: 11px 13px; border-radius: 2px 11px 11px 11px; background: #fff; color: #243852; box-shadow: 0 1px 3px rgba(15,47,93,.08); font-size: 13px; line-height: 1.5; }.whatsapp-chat__bubble--user { margin-left: auto; border-radius: 11px 2px 11px 11px; background: #d8f7e4; }.whatsapp-chat__choices { display: grid; gap: 7px; margin-top: 13px; }.whatsapp-chat__choices button { border: 1px solid #c5d7ed; border-radius: 5px; padding: 10px 11px; background: #fff; color: #155ac0; cursor: pointer; font: 600 12px "DM Sans",Arial,sans-serif; text-align: left; transition: border-color 120ms ease, background 120ms ease; }.whatsapp-chat__choices button:hover { border-color: #2775e4; background: #f8fbff; }.whatsapp-chat__continue { display: inline-flex; align-items: center; gap: 7px; margin-top: 4px; padding: 10px 12px; border-radius: 5px; background: #25d366; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .025em; text-decoration: none; }.whatsapp-chat__continue svg { width: 17px; height: 17px; }
@media(max-width:760px){.whatsapp-chat{right:17px;bottom:17px}.whatsapp-chat__toggle{min-width:50px;padding:0;justify-content:center}.whatsapp-chat__toggle span{display:none}.whatsapp-chat__panel{bottom:62px}.whatsapp-chat__body{max-height:min(330px,calc(100vh - 190px))}}@media(prefers-reduced-motion:reduce){.whatsapp-chat__toggle,.whatsapp-chat__panel,.whatsapp-chat__choices button{transition:none}}