#wcb2b-whatsapp {
	position: fixed;
	right: max(20px, env(safe-area-inset-right));
	bottom: max(20px, env(safe-area-inset-bottom));
	z-index: 99980;
	box-sizing: border-box;
	font: 400 16px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#wcb2b-whatsapp.wcb2b-whatsapp--left { right: auto; left: max(20px, env(safe-area-inset-left)); }
#wcb2b-whatsapp.wcb2b-whatsapp--stacked { bottom: max(92px, calc(env(safe-area-inset-bottom) + 92px)); }
#wcb2b-whatsapp[hidden], #wcb2b-whatsapp [hidden] { display: none !important; }
.wcb2b-whatsapp__launcher {
	display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0; padding: 0;
	appearance: none; -webkit-appearance: none; border: 0; border-radius: 50%; background: #25d366; color: #fff;
	box-shadow: 0 6px 24px rgba(0,0,0,.24); cursor: pointer; transition: transform .18s ease, background .18s ease;
}
.wcb2b-whatsapp__launcher:hover { background: #1fb959; transform: translateY(-2px); color: #fff; }
.wcb2b-whatsapp__launcher:focus-visible, .wcb2b-whatsapp__dialog :is(button,a):focus-visible { outline: 3px solid #72aee6; outline-offset: 3px; }
.wcb2b-whatsapp__launcher svg { display: block; width: 30px; height: 30px; margin: 0; }
.wcb2b-whatsapp__tooltip {
	position: absolute; right: 68px; bottom: 9px; width: max-content; max-width: min(260px, calc(100vw - 110px)); padding: 8px 11px;
	border-radius: 7px; background: #1f2933; color: #fff; box-shadow: 0 3px 14px rgba(0,0,0,.18); font: 600 13px/1.35 system-ui, sans-serif;
	opacity: 0; visibility: hidden; transform: translateX(4px); transition: opacity .15s ease, transform .15s ease, visibility .15s; pointer-events: none;
}
.wcb2b-whatsapp--left .wcb2b-whatsapp__tooltip { right: auto; left: 68px; transform: translateX(-4px); }
.wcb2b-whatsapp__launcher:is(:hover,:focus-visible) + .wcb2b-whatsapp__tooltip { opacity: 1; visibility: visible; transform: none; }
.wcb2b-whatsapp__dialog {
	position: fixed; inset: auto max(20px, env(safe-area-inset-right)) max(88px, calc(env(safe-area-inset-bottom) + 88px)) auto;
	box-sizing: border-box; width: min(360px, calc(100vw - 32px)); max-width: none; max-height: min(620px, calc(100dvh - 120px)); margin: 0; padding: 0;
	border: 1px solid #d7e2dc; border-radius: 18px; overflow: hidden; background: #fff; color: #202b36; box-shadow: 0 18px 60px rgba(0,0,0,.28);
}
.wcb2b-whatsapp--left .wcb2b-whatsapp__dialog { right: auto; left: max(20px, env(safe-area-inset-left)); }
.wcb2b-whatsapp--stacked .wcb2b-whatsapp__dialog { bottom: max(160px, calc(env(safe-area-inset-bottom) + 160px)); }
.wcb2b-whatsapp__dialog:not([open]) { display: none !important; }
.wcb2b-whatsapp__dialog::backdrop { background: transparent; }
.wcb2b-whatsapp__header { display: flex; align-items: center; gap: 14px; padding: 17px 18px; background: #075e54; color: #fff; }
.wcb2b-whatsapp__header > div { flex: 1; min-width: 0; }
.wcb2b-whatsapp__header strong, .wcb2b-whatsapp__header span { display: block; margin: 0; color: inherit; }
.wcb2b-whatsapp__header strong { font-size: 18px; line-height: 1.3; }
.wcb2b-whatsapp__header span { margin-top: 2px; font-size: 12px; opacity: .82; }
.wcb2b-whatsapp__close { flex: 0 0 40px; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font: 400 26px/1 system-ui, sans-serif; cursor: pointer; }
.wcb2b-whatsapp__close:hover { background: rgba(255,255,255,.24); color: #fff; }
.wcb2b-whatsapp__body { box-sizing: border-box; padding: 18px; overflow: auto; overscroll-behavior: contain; }
.wcb2b-whatsapp__cta, .wcb2b-whatsapp__offline { margin: 0 0 14px; color: #34454f; font: 400 14px/1.55 system-ui, sans-serif; white-space: pre-line; }
.wcb2b-whatsapp__offline { padding: 12px 14px; border: 1px solid #f0c36d; border-radius: 9px; background: #fff8e5; color: #654c13; }
.wcb2b-whatsapp__agents { display: grid; gap: 10px; }
.wcb2b-whatsapp__agent {
	display: grid; grid-template-columns: 42px minmax(0,1fr) 10px; align-items: center; gap: 11px; box-sizing: border-box; min-height: 62px; padding: 9px 12px;
	border: 1px solid #dce7e1; border-radius: 12px; background: #f8fbf9; color: #1f2933; text-decoration: none; box-shadow: none;
}
.wcb2b-whatsapp__agent:hover { border-color: #25d366; background: #f0faf4; color: #1f2933; }
.wcb2b-whatsapp__agent[aria-disabled="true"] { opacity: .55; pointer-events: none; }
.wcb2b-whatsapp__agent strong, .wcb2b-whatsapp__agent small { display: block; min-width: 0; overflow-wrap: anywhere; color: inherit; }
.wcb2b-whatsapp__agent strong { font: 650 14px/1.35 system-ui, sans-serif; }
.wcb2b-whatsapp__agent small { margin-top: 2px; font: 400 12px/1.35 system-ui, sans-serif; color: #5d6874; }
.wcb2b-whatsapp__avatar { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: #dff5e7; color: #087b42; font-weight: 700; }
.wcb2b-whatsapp__status { width: 9px; height: 9px; border-radius: 50%; background: #25d366; box-shadow: 0 0 0 3px #ddf7e6; }
.wcb2b-whatsapp__noscript { display: inline-flex; margin-top: 6px; padding: 8px 12px; border-radius: 999px; background: #25d366; color: #fff; font-weight: 600; text-decoration: none; }
.wcb2b-whatsapp__noscript--offline { max-width: min(280px, calc(100vw - 32px)); border-radius: 9px; background: #fff8e5; color: #654c13; font-size: 13px; }
body.wcb2b-dialog-open #wcb2b-whatsapp { visibility: hidden; pointer-events: none; }
@media (max-width: 600px) {
	#wcb2b-whatsapp { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); }
	#wcb2b-whatsapp.wcb2b-whatsapp--left { right: auto; left: max(12px, env(safe-area-inset-left)); }
	#wcb2b-whatsapp.wcb2b-whatsapp--stacked { bottom: max(82px, calc(env(safe-area-inset-bottom) + 82px)); }
	.wcb2b-whatsapp__launcher { width: 52px; height: 52px; }
	.wcb2b-whatsapp__tooltip { right: 62px; bottom: 8px; }
	.wcb2b-whatsapp--left .wcb2b-whatsapp__tooltip { right: auto; left: 62px; }
	.wcb2b-whatsapp__dialog, .wcb2b-whatsapp--stacked .wcb2b-whatsapp__dialog { inset: auto 12px max(76px, calc(env(safe-area-inset-bottom) + 76px)); width: calc(100vw - 24px); max-height: calc(100dvh - 100px); }
	.wcb2b-whatsapp--stacked .wcb2b-whatsapp__dialog { bottom: max(146px, calc(env(safe-area-inset-bottom) + 146px)); }
}
@media (min-width: 769px) { .wcb2b-whatsapp--mobile-only { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .wcb2b-whatsapp__launcher, .wcb2b-whatsapp__tooltip { transition: none; } }
