.cwa-widget{position:fixed;bottom:20px;z-index:99990;font-family:inherit}
.cwa-widget.cwa-der{right:20px}
.cwa-widget.cwa-izq{left:20px}

.cwa-widget .cwa-lanzador{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;background:var(--cwa-color,#25D366);color:#fff;border:0;border-radius:30px;padding:12px 18px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);font-size:15px;line-height:1;text-transform:none;letter-spacing:normal}
.cwa-widget .cwa-lanzador:hover{filter:brightness(.95);color:#fff}
.cwa-lanzador-ico,.cwa-boton-ico{display:inline-flex;line-height:0}
.cwa-lanzador-ico svg,.cwa-boton-ico svg{width:22px;height:22px}
.cwa-lanzador-txt{font-weight:600}

.cwa-panel{position:absolute;bottom:64px;width:320px;max-width:calc(100vw - 40px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.22);overflow:hidden;color:#222}
.cwa-der .cwa-panel{right:0}
.cwa-izq .cwa-panel{left:0}
.cwa-panel[hidden]{display:none}

.cwa-panel-cab{background:var(--cwa-color,#25D366);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cwa-panel-cab-txt strong{display:block;font-size:16px}
.cwa-panel-cab-txt span{display:block;font-size:12px;opacity:.9;margin-top:2px}

.cwa-widget button{font-family:inherit}
.cwa-widget .cwa-cerrar{
	-webkit-appearance:none;appearance:none;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	outline:none;
	color:#fff !important;
	width:30px;height:30px;min-width:0;min-height:0;
	padding:0;margin:0;
	flex:0 0 30px;
	border-radius:50%;
	font-size:20px;line-height:1;
	display:flex;align-items:center;justify-content:center;
	cursor:pointer;opacity:.85;
	transition:background .15s ease,opacity .15s ease
}
.cwa-widget .cwa-cerrar:hover,
.cwa-widget .cwa-cerrar:focus{background:rgba(255,255,255,.22) !important;opacity:1;color:#fff !important}

.cwa-agentes{max-height:50vh;overflow:auto;padding:8px}
.cwa-agente{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;text-decoration:none;color:#222;transition:background .15s}
.cwa-agente:hover{background:#f3f4f6}
.cwa-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px;background:#e6f7ee;display:flex;align-items:center;justify-content:center;color:var(--cwa-color,#25D366)}
.cwa-avatar-ico svg{width:24px;height:24px}
.cwa-agente-info{display:flex;flex-direction:column;min-width:0}
.cwa-agente-nombre{font-weight:600;display:flex;align-items:center;gap:6px}
.cwa-agente-cargo{font-size:12px;color:#666}
.cwa-agente-saludo{font-size:13px;color:#444;margin-top:3px}
.cwa-estado{width:9px;height:9px;border-radius:50%;display:inline-block;background:#bbb;flex:0 0 9px}
.cwa-estado.cwa-on{background:#25D366}
.cwa-estado.cwa-off{background:#bbb}

.cwa-pie{padding:10px 16px;font-size:11px;color:#888;text-align:center;border-top:1px solid #eee}

.cwa-boton{display:inline-flex;align-items:center;gap:8px;background:var(--cwa-color,#25D366);color:#fff;text-decoration:none;border-radius:8px;padding:10px 16px;font-weight:600;line-height:1.2}
.cwa-boton:hover{filter:brightness(.95);color:#fff}
.cwa-boton-woo{margin-top:10px}

@media(max-width:480px){
	.cwa-panel{width:calc(100vw - 40px)}
	.cwa-lanzador-txt{display:none}
}