/* Burbuja "¿Tenés dudas?" */
.ay{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
@media (min-width:900px){.ay{bottom:22px}}
.ay-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:99px;background:var(--accent);color:#fff;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;
  box-shadow:0 14px 30px -12px color-mix(in srgb,var(--accent) 70%,#000);position:relative}
.ay-btn .ic{width:20px;height:20px}
.ay-dot{position:absolute;top:6px;right:8px;width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2px var(--accent)}
.ay.on .ay-btn b{display:none}
.ay-box{width:min(370px,calc(100vw - 28px));max-height:min(560px,calc(100dvh - 190px));display:flex;flex-direction:column;border-radius:20px;overflow:hidden;
  background:var(--bg);color:var(--fg);border:1px solid var(--line);box-shadow:0 30px 70px -20px rgba(0,0,0,.45)}
.ay-box[hidden]{display:none}
.ay-box header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
.ay-box header div{display:flex;flex-direction:column}
.ay-box header small{color:var(--muted);font-size:12.5px}
.ay-box header button{border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;padding:2px 6px}
.ay-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:14px;min-height:140px}
.ay-m{max-width:88%;padding:10px 12px;border-radius:16px;font-size:14.5px;line-height:1.45;word-wrap:break-word}
.ay-m.a{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}
.ay-m.u{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:5px}
.ay-m a{color:var(--accent);word-break:break-all}
.ay-m.typing i{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--muted);animation:ayb 1s infinite}
.ay-m.typing i:nth-child(2){animation-delay:.15s}.ay-m.typing i:nth-child(3){animation-delay:.3s}
@keyframes ayb{0%,80%,100%{opacity:.25}40%{opacity:1}}
.ay-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.ay-chips button{padding:7px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-size:13px;cursor:pointer}
.ay-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.ay-form input{flex:1;min-width:0;border-radius:99px!important}
.ay-form button{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:16px;cursor:pointer}
.ay-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:#22A04B;color:#fff;text-decoration:none;font-weight:700;font-size:14px}
.ay-wa .ic{width:18px;height:18px}
.vm-btn{bottom:16px}
.xb-waf:not(.left) ~ .ay{bottom:calc(160px + env(safe-area-inset-bottom,0px))}
@media (min-width:900px){.xb-waf:not(.left) ~ .ay{bottom:90px}}