:root{
	--a247-text:#0f172a;
	--a247-muted:#64748b;
	--a247-surface:rgba(255,255,255,.92);
	--a247-surface-solid:#ffffff;
	--a247-border:#e8edf5;
	--a247-bg:#f8fafc;
	--a247-blue:#2563eb;
	--a247-blue2:#1d4ed8;
	--a247-blue3:#3b82f6;
	--a247-radius-2xl:24px;
	--a247-radius-xl:22px;
	--a247-radius-lg:18px;
	--a247-radius-md:14px;
	--a247-radius-sm:12px;
	--a247-shadow-lg:0 30px 80px rgba(15,23,42,.22), 0 10px 26px rgba(15,23,42,.10);
	--a247-shadow-md:0 18px 44px rgba(15,23,42,.08), 0 6px 18px rgba(15,23,42,.05);
	--a247-shadow-sm:0 8px 18px rgba(15,23,42,.05), 0 2px 6px rgba(15,23,42,.03);
}

@media (prefers-color-scheme: dark){
	:root{
		--a247-text:rgba(255,255,255,.92);
		--a247-muted:rgba(255,255,255,.66);
		--a247-surface:rgba(15,23,42,.76);
		--a247-surface-solid:rgba(15,23,42,.94);
		--a247-border:rgba(255,255,255,.12);
		--a247-bg:#0b1220;
	}
}

.a247-widget,
.a247-embed-chat{
	font-family:"Segoe UI",Roboto,Inter,Arial,sans-serif;
	font-size:14px;
	font-weight:400;
	letter-spacing:0;
	color:var(--a247-text);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
	color-scheme:light dark;
}

.a247-widget button,
.a247-embed-chat button,
.a247-widget input,
.a247-embed-chat input,
.a247-widget textarea,
.a247-embed-chat textarea,
.a247-widget select,
.a247-embed-chat select,
.a247-widget p,
.a247-embed-chat p,
.a247-widget span,
.a247-embed-chat span,
.a247-widget a,
.a247-embed-chat a,
.a247-widget label,
.a247-embed-chat label,
.a247-widget h1,
.a247-widget h2,
.a247-widget h3,
.a247-widget h4,
.a247-widget h5,
.a247-widget h6,
.a247-embed-chat h1,
.a247-embed-chat h2,
.a247-embed-chat h3,
.a247-embed-chat h4,
.a247-embed-chat h5,
.a247-embed-chat h6{
	font-family:"Segoe UI",Roboto,Inter,Arial,sans-serif !important;
	font-style:normal !important;
	text-transform:none !important;
}

.a247-widget *,
.a247-embed-chat *{
	box-sizing:border-box;
}

.a247-widget{
	position:fixed;
	bottom:18px;
	z-index:2147483647;
}

.a247-widget.a247-right{
	right:18px;
}

.a247-widget.a247-left{
	left:18px;
}

.a247-trigger{
	display:flex;
	align-items:center;
	gap:10px;
	padding:13px 16px;
	border:none;
	border-radius:999px;
	cursor:pointer;
	color:#fff;
	font-weight:800;
	font-size:14.5px;
	letter-spacing:.01em;
	position:relative;
	overflow:hidden;
	box-shadow:
		0 14px 36px rgba(2,6,23,.18),
		0 3px 10px rgba(2,6,23,.10),
		inset 0 1px 0 rgba(255,255,255,.18);
	transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease;
	will-change:transform;
	-webkit-tap-highlight-color:transparent;
	animation:a247TriggerGlow 2.8s ease-in-out infinite;
}

.a247-trigger::after{
	content:'';
	position:absolute;
	top:-20%;
	left:0;
	width:42%;
	height:140%;
	background:linear-gradient(
		90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,.10) 35%,
		rgba(255,255,255,.30) 50%,
		rgba(255,255,255,.10) 65%,
		rgba(255,255,255,0) 100%
	);
	transform:translateX(-160%) skewX(-22deg);
	pointer-events:none;
	animation:a247TriggerShine 4.8s ease-in-out infinite;
}

.a247-trigger:hover{
	transform:translateY(-3px) scale(1.03);
	filter:saturate(1.08);
	box-shadow:
		0 22px 46px rgba(2,6,23,.26),
		0 10px 20px rgba(2,6,23,.14),
		inset 0 1px 0 rgba(255,255,255,.22);
}

.a247-trigger:active{
	transform:translateY(0) scale(.995);
}

.a247-trigger:focus-visible{
	outline:none;
	box-shadow:
		0 0 0 4px rgba(255,255,255,.18),
		0 0 0 8px rgba(37,99,235,.22),
		0 22px 46px rgba(2,6,23,.20);
}

.a247-trigger > span:first-child{
	width:24px;
	height:24px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	line-height:1;
	background:rgba(255,255,255,.20);
	border-radius:999px;
}

.a247-trigger .a247-label{
	line-height:1;
	white-space:nowrap;
	font-weight:800;
}

.a247-panel{
	--a247-accent: var(--a247-blue);
	--a247-accent-dark: var(--a247-blue2);
	--a247-accent-light: var(--a247-blue3);

	position:absolute;
	bottom:56px;
	width:392px;
	max-width:calc(100vw - 18px);
	height:640px;
	max-height:84vh;
	background:var(--a247-surface);
	border-radius:var(--a247-radius-2xl);
	overflow:hidden;
	border:1px solid rgba(255,255,255,.46);
	box-shadow:
		var(--a247-shadow-lg),
		inset 0 1px 0 rgba(255,255,255,.35);
	display:none;
	flex-direction:column;
	transform-origin:bottom right;
	opacity:0;
	transform:translateY(8px) scale(.985);
	transition:opacity .16s ease, transform .16s ease;
}

@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
	.a247-panel{
		backdrop-filter:blur(18px) saturate(1.08);
		-webkit-backdrop-filter:blur(18px) saturate(1.08);
	}
}

.a247-panel.a247-open{
	opacity:1;
	transform:translateY(0) scale(1);
}

.a247-widget.a247-left .a247-panel{
	left:0;
	transform-origin:bottom left;
}

.a247-widget.a247-right .a247-panel{
	right:0;
}

.a247-embed-chat{
	--a247-accent: var(--a247-blue);
	--a247-accent-dark: var(--a247-blue2);
	--a247-accent-light: var(--a247-blue3);
	width:100%;
	border-radius:20px;
	overflow:hidden;
	background:var(--a247-surface);
	border:1px solid var(--a247-border);
	box-shadow:var(--a247-shadow-md);
}

.a247-embed-chat .a247-panel-static{
	height:100%;
	display:flex;
	flex-direction:column;
	background:transparent;
}

.a247-chat-root{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
}

.a247-head{
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 14px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.12);
	position:relative;
	min-height:72px;
}

.a247-head.a247-head-light{
	color:rgba(15,23,42,.92);
}

.a247-head.a247-head-light .a247-title,
.a247-head.a247-head-light .a247-sub{
	color:rgba(15,23,42,.92);
}

.a247-head .a247-avatar{
	width:42px;
	height:42px;
	border-radius:999px;
	background:rgba(255,255,255,.18);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.24);
	flex:0 0 42px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}

.a247-head .a247-avatar img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border-radius:999px;
}

.a247-head .a247-head-text{
	flex:1;
	min-width:0;
}

.a247-head .a247-title{
	font-size:15px;
	font-weight:800;
	margin:0;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	letter-spacing:.01em;
}

.a247-head .a247-sub{
	font-size:12px;
	font-weight:600;
	opacity:.94;
	margin:4px 0 0;
	display:flex;
	align-items:center;
	gap:6px;
	line-height:1;
	letter-spacing:0;
}

.a247-head .a247-sub::before{
	content:'';
	width:7px;
	height:7px;
	border-radius:999px;
	background:#22c55e;
	display:inline-block;
	flex:0 0 7px;
	box-shadow:0 0 0 4px rgba(34,197,94,.16);
}

.a247-head-actions{
	display:flex;
	align-items:flex-start;
	gap:8px;
	flex:0 0 auto;
}

@keyframes a247WaInlineGlow{
	0%,100%{
		box-shadow:
			0 6px 14px rgba(5,150,105,.14),
			0 0 0 0 rgba(37,211,102,.00),
			inset 0 1px 0 rgba(255,255,255,.18);
	}
	50%{
		box-shadow:
			0 10px 18px rgba(5,150,105,.22),
			0 0 0 6px rgba(37,211,102,.10),
			inset 0 1px 0 rgba(255,255,255,.20);
	}
}

.a247-head-wa-inline{
	margin-top:8px;
	display:inline-flex;
	align-items:center;
	gap:0;
	min-height:24px;
	max-width:100%;
	padding:0 8px;
	border-radius:999px;
	text-decoration:none !important;
	font-size:11.8px;
	font-weight:700;
	line-height:1;
	letter-spacing:.01em;
	color:#000 !important;
	background:#fff;
	border:1px solid rgba(255,255,255,.18);
	box-shadow:
		0 6px 14px rgba(5,150,105,.14),
		inset 0 1px 0 rgba(255,255,255,.18);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
	animation:a247WaInlineGlow 2.6s ease-in-out infinite;
	-webkit-tap-highlight-color:transparent;
}

.a247-head-wa-inline:hover{
	transform:translateY(-1px);
	filter:saturate(1.05);
	box-shadow:
		0 10px 18px rgba(5,150,105,.22),
		0 0 0 6px rgba(37,211,102,.08),
		inset 0 1px 0 rgba(255,255,255,.20);
	text-decoration:none !important;
}

.a247-head-wa-inline:active{
	transform:translateY(0) scale(.99);
}

.a247-head-wa-inline:focus-visible{
	outline:none;
	box-shadow:
		0 0 0 4px rgba(255,255,255,.16),
		0 0 0 7px rgba(37,211,102,.20),
		0 10px 18px rgba(5,150,105,.20);
}

.a247-head-wa-inline-ic{
	width:18px;
	height:18px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 18px;
	border-radius:999px;
	background:#ffffff;
	color:#25D366;
	font-size:11px;
	line-height:1;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.a247-head-light .a247-head-wa-inline{
	color:#fff !important;
	background:linear-gradient(180deg,#25D366 0%, #1fb955 50%, #169c46 100%);
	border-color:rgba(255,255,255,.16);
}

.a247-head-light .a247-head-wa-inline-ic{
	background:rgba(255,255,255,.16);
}

.a247-close{
	width:34px;
	height:34px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.22);
	background:rgba(255,255,255,.14);
	color:#fff;
	cursor:pointer;
	font-size:18px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 34px;
	transition:transform .16s ease, background .16s ease, border-color .16s ease;
	-webkit-tap-highlight-color:transparent;
}

.a247-close:hover{
	transform:translateY(-1px);
	background:rgba(255,255,255,.22);
}

.a247-close:active{
	transform:translateY(0) scale(.98);
}

.a247-close:focus-visible{
	outline:none;
	box-shadow:0 0 0 3px rgba(255,255,255,.18), 0 0 0 6px rgba(37,99,235,.16);
}

.a247-body{
	flex:1;
	min-height:0;
	overflow:auto;
	padding:14px 12px 14px;
	background:
		radial-gradient(circle at 14% -8%, rgba(59,130,246,.06), transparent 42%),
		radial-gradient(circle at 96% 10%, rgba(16,185,129,.05), transparent 35%),
		var(--a247-bg);
	scroll-behavior:smooth;
	overscroll-behavior:contain;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
	scrollbar-color:rgba(148,163,184,.55) transparent;
}

.a247-body::-webkit-scrollbar{
	width:8px;
}

.a247-body::-webkit-scrollbar-thumb{
	background:rgba(148,163,184,.45);
	border-radius:999px;
}

.a247-body::-webkit-scrollbar-track{
	background:transparent;
}

.a247-msg{
	display:flex;
	gap:8px;
	margin-bottom:12px;
	align-items:flex-end;
	animation:a247MsgIn .16s ease both;
}

@keyframes a247MsgIn{
	from{
		opacity:0;
		transform:translateY(4px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

.a247-msg.a247-user{
	flex-direction:row-reverse;
}

.a247-msg-av{
	width:30px;
	height:30px;
	border-radius:999px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	line-height:1;
	flex:0 0 30px;
	overflow:hidden;
	border:1px solid rgba(226,232,240,1);
	background:var(--a247-surface-solid);
	box-shadow:0 4px 10px rgba(15,23,42,.05);
}

.a247-msg-av img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border-radius:999px;
}

.a247-msg-bubble{
	max-width:84%;
	padding:11px 13px;
	border-radius:18px;
	line-height:1.6;
	font-size:13.5px;
	font-weight:400;
	letter-spacing:0;
	word-break:break-word;
	overflow-wrap:anywhere;
	box-shadow:var(--a247-shadow-sm);
}

.a247-msg-bubble strong{
	font-weight:800;
}

.a247-msg.a247-bot .a247-msg-bubble{
	background:rgba(255,255,255,.94);
	border:1px solid rgba(226,232,240,.88);
	border-bottom-left-radius:8px;
	color:var(--a247-text);
}

.a247-msg.a247-user .a247-msg-bubble{
	color:#fff;
	background:linear-gradient(180deg, var(--a247-accent-light), var(--a247-accent-dark)) !important;
	border-bottom-right-radius:8px;
}

.a247-typing{
	display:flex;
	gap:4px;
	align-items:center;
	padding:2px 0;
}

.a247-typing span{
	width:7px;
	height:7px;
	border-radius:999px;
	background:rgba(148,163,184,.9);
	display:inline-block;
	animation:a247-dot 1.3s infinite ease-in-out;
}

@keyframes a247-dot{
	0%,80%,100%{
		opacity:.4;
		transform:scale(.85);
	}
	40%{
		opacity:1;
		transform:scale(1);
	}
}

.a247-typing span:nth-child(2){
	animation-delay:.15s;
}

.a247-typing span:nth-child(3){
	animation-delay:.30s;
}

.a247-foot{
	padding:10px;
	border-top:1px solid rgba(226,232,240,.9);
	background:rgba(255,255,255,.82);
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
	.a247-foot{
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	}
}

.a247-input-wrap{
	display:flex;
	gap:8px;
	align-items:flex-end;
	background:rgba(255,255,255,.88);
	border:1px solid rgba(226,232,240,.9);
	border-radius:16px;
	padding:6px;
	transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.a247-input-wrap:focus-within{
	border-color:rgba(37,99,235,.44);
	box-shadow:0 0 0 4px rgba(37,99,235,.10);
	background:rgba(255,255,255,.96);
}

.a247-input{
	flex:1;
	min-height:40px;
	max-height:120px;
	resize:none;
	border:none;
	background:transparent;
	border-radius:12px;
	padding:9px 10px;
	font-size:14px;
	font-weight:400;
	line-height:1.4;
	letter-spacing:0;
	outline:none;
	color:var(--a247-text);
}

.a247-input::placeholder{
	color:var(--a247-muted);
	opacity:1;
}

.a247-send{
	width:40px;
	height:40px;
	flex:0 0 40px;
	border:none;
	border-radius:12px;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	font-weight:800;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(180deg, var(--a247-accent-light), var(--a247-accent)) !important;
	box-shadow:0 10px 18px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.16);
	transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease;
	-webkit-tap-highlight-color:transparent;
}

.a247-send:hover:not(:disabled){
	transform:translateY(-1px);
	filter:saturate(1.05);
	box-shadow:0 14px 20px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.18);
}

.a247-send:active:not(:disabled){
	transform:translateY(0) scale(.98);
}

.a247-send:focus-visible{
	outline:none;
	box-shadow:
		0 0 0 4px rgba(255,255,255,.20),
		0 0 0 8px rgba(37,99,235,.18),
		0 10px 18px rgba(37,99,235,.18);
}

.a247-send:disabled{
	opacity:.72;
	cursor:not-allowed;
	filter:grayscale(.06);
}

.a247-watermark{
	font-size:11px;
	font-weight:400;
	letter-spacing:0;
	color:var(--a247-muted);
	text-align:center;
	padding:8px 10px;
	border-top:1px dashed rgba(226,232,240,.9);
	background:rgba(250,250,250,.90);
	line-height:1.35;
}

.a247-watermark a{
	color:#2563eb;
	text-decoration:none;
	font-weight:700;
}

.a247-msg-bubble a{
	color:var(--a247-accent);
	text-decoration:none;
	font-weight:700;
}

.a247-msg-bubble a:hover{
	text-decoration:underline;
}

.a247-chat-link-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	margin-top:6px;
	padding:8px 12px;
	border-radius:10px;
	text-decoration:none !important;
	font-weight:800;
	font-size:12.5px;
	line-height:1.15;
	transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
	border:1px solid transparent;
	box-shadow:0 6px 14px rgba(15,23,42,.08);
	max-width:100%;
	width:auto;
	word-break:break-word;
	-webkit-tap-highlight-color:transparent;
}

.a247-chat-link-btn:hover{
	transform:translateY(-1px);
	text-decoration:none !important;
	filter:saturate(1.03);
}

.a247-chat-link-btn:active{
	transform:translateY(0) scale(.99);
}

.a247-chat-link-whatsapp{
	background:linear-gradient(180deg,#25D366,#16a34a);
	color:#fff !important;
	box-shadow:0 10px 22px rgba(22,163,74,.18), inset 0 1px 0 rgba(255,255,255,.16);
}

.a247-chat-link-product{
	background:linear-gradient(180deg,#3b82f6,#2563eb);
	color:#fff !important;
	box-shadow:0 10px 22px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.16);
}

.a247-chat-link-default{
	background:linear-gradient(180deg,#ffffff,#f8fafc);
	color:#0f172a !important;
	border-color:rgba(226,232,240,.9);
}

.a247-panel.a247-is-loading .a247-send{
	opacity:.82;
}

html.a247-lock,
body.a247-lock{
	height:100% !important;
	overflow:hidden !important;
	touch-action:none !important;
}

html.a247-lock{
	position:fixed !important;
	width:100% !important;
}

@media (prefers-reduced-motion: reduce){
	.a247-trigger,
	.a247-panel,
	.a247-chat-link-btn,
	.a247-head-wa-inline,
	.a247-typing span,
	.a247-msg,
	.a247-send,
	.a247-close{
		transition:none !important;
		animation:none !important;
	}
}

@media (max-width:640px){
	.a247-widget{
		right:max(10px, env(safe-area-inset-right));
		left:auto;
		bottom:max(10px, env(safe-area-inset-bottom));
	}

	.a247-trigger .a247-label{
		display:none;
	}

	.a247-trigger{
		padding:12px;
		gap:0;
		border-radius:999px;
	}

	.a247-panel{
		position:fixed !important;
		left:0 !important;
		right:0 !important;
		top:0 !important;
		bottom:0 !important;
		width:100vw !important;
		max-width:100vw !important;
		height:100dvh !important;
		max-height:100dvh !important;
		border-radius:0 !important;
		z-index:2147483647 !important;
		padding-top:env(safe-area-inset-top);
		padding-bottom:env(safe-area-inset-bottom);
		padding-left:env(safe-area-inset-left);
		padding-right:env(safe-area-inset-right);
	}

	.a247-head{
		padding:12px 12px 10px;
		min-height:68px;
	}

	.a247-head .a247-avatar{
		width:40px;
		height:40px;
		flex-basis:40px;
	}

	.a247-head .a247-title{
		font-size:14.5px;
	}

	.a247-body{
		padding:12px 10px;
	}

	.a247-msg{
		margin-bottom:10px;
		gap:7px;
	}

	.a247-msg-av{
		width:28px;
		height:28px;
		flex-basis:28px;
	}

	.a247-msg-bubble{
		max-width:min(88%, 88vw);
		font-size:13px;
		padding:10px 11px;
		border-radius:14px;
		line-height:1.55;
	}

	.a247-foot{
		padding:8px;
	}

	.a247-input-wrap{
		padding:5px;
		border-radius:14px;
	}

	.a247-input{
		font-size:13px;
		padding:8px 9px;
		min-height:38px;
	}

	.a247-send{
		width:38px;
		height:38px;
		flex-basis:38px;
		border-radius:11px;
		font-size:14px;
	}

	.a247-head-wa-inline{
		margin-top:7px;
		min-height:28px;
		padding:0 10px;
		font-size:11.2px;
		max-width:190px;
	}

	.a247-chat-link-btn{
		width:100%;
		justify-content:center;
	}
}

@media (max-width:380px){
	.a247-head{
		padding:10px 10px 9px;
	}

	.a247-body{
		padding:10px 8px;
	}

	.a247-foot{
		padding:7px;
	}

	.a247-msg-bubble{
		max-width:90%;
		font-size:12.8px;
		padding:9px 10px;
	}
}
@keyframes a247TriggerGlow {
	0%, 100%{
		box-shadow:
			0 14px 36px rgba(2,6,23,.18),
			0 3px 10px rgba(2,6,23,.10),
			inset 0 1px 0 rgba(255,255,255,.18),
			0 0 0 0 rgba(59,130,246,.00);
	}
	50%{
		box-shadow:
			0 18px 40px rgba(2,6,23,.22),
			0 6px 14px rgba(2,6,23,.12),
			inset 0 1px 0 rgba(255,255,255,.22),
			0 0 0 8px rgba(59,130,246,.10);
	}
}

@keyframes a247TriggerShine {
	0%{
		transform:translateX(-160%) skewX(-22deg);
		opacity:0;
	}
	12%{
		opacity:.0;
	}
	20%{
		opacity:.22;
	}
	38%{
		transform:translateX(220%) skewX(-22deg);
		opacity:0;
	}
	100%{
		transform:translateX(220%) skewX(-22deg);
		opacity:0;
	}
}
.a247-panel.a247-open ~ .a247-trigger,
.a247-widget .a247-trigger[style*="display: none"]{
	animation:none !important;
}

.a247-panel.a247-open ~ .a247-trigger::after,
.a247-widget .a247-trigger[style*="display: none"]::after{
	animation:none !important;
}