.wg{
  --wg-fondo:#EBE6EF; --wg-tinta:#333333; --wg-violeta:#8255B2;
  --wg-orquidea:#CDA5F8; --wg-tarjeta:#ffffff;
  position:fixed; right:24px; bottom:24px; z-index:200;
  font:400 15px/1.6 'Nunito Sans', system-ui, sans-serif;
}
.wg__burbuja{
  width:62px; height:62px; border-radius:50%; border:0; cursor:pointer;
  background:var(--wg-tinta); color:var(--wg-fondo);
  display:grid; place-content:center;
  box-shadow:0 12px 30px rgba(51,51,51,.35);
}
.wg__panel{
  position:absolute; right:0; bottom:78px; width:340px; max-height:70vh;
  display:none; flex-direction:column; overflow:hidden;
  background:var(--wg-tarjeta); color:var(--wg-tinta);
  box-shadow:0 22px 50px rgba(51,51,51,.3);
}
.wg.is-abierto .wg__panel{ display:flex; }
.wg__cabecera{
  padding:16px 18px; background:var(--wg-tinta); color:var(--wg-fondo);
  font:700 15px/1.3 'Sora', system-ui, sans-serif;
}
.wg__hilo{ padding:16px 18px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; }
.wg__msg{ max-width:88%; padding:10px 14px; }
.wg__msg--bot{ align-self:flex-start; background:var(--wg-fondo); }
.wg__msg--yo{ align-self:flex-end; background:var(--wg-violeta); color:#fff; }
.wg__ops{ display:flex; flex-wrap:wrap; gap:8px; padding:0 18px 16px; }
.wg__op{
  padding:10px 14px; min-height:44px; cursor:pointer;
  border:1.5px solid var(--wg-violeta); border-radius:50px; background:none;
  color:var(--wg-violeta); font:600 12px/1 'Jost', system-ui, sans-serif;
}
.wg__op:hover{ background:var(--wg-violeta); color:#fff; }
.wg__form{ display:flex; gap:8px; padding:0 18px 16px; }
.wg__form[hidden]{ display:none; }
.wg__form input{
  flex:1; min-width:0; min-height:44px; padding:0 12px;
  border:1.5px solid rgba(51,51,51,.55); background:none; font:inherit; color:var(--wg-tinta);
}
.wg__wa{
  display:flex; align-items:center; justify-content:center; min-height:44px;
  padding:12px 18px; text-align:center; text-decoration:none;
  background:var(--wg-orquidea); color:var(--wg-tinta);
  font:600 12px/1 'Jost', system-ui, sans-serif; letter-spacing:.12em; text-transform:uppercase;
}
@media (max-width:420px){ .wg__panel{ width:calc(100vw - 48px); } }