/* E52 · the hero avatar scrolls down and becomes the floating guide in place of «Talk to me / Escríbeme» */
.chat-btn.gav-on{position:relative;padding:0;gap:0;min-height:64px;min-width:64px;border-radius:999px;overflow:visible;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,background .4s,border-color .4s}
.chat-btn.gav-on>svg{display:none}
.chat-btn.gav-on .gav-lab{display:flex;align-items:center;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;padding:0;transition:max-width .5s cubic-bezier(.22,1,.36,1),opacity .4s,padding .4s}
.chat-btn.gav-on.gav-docked:hover .gav-lab,.chat-btn.gav-on.gav-docked:focus-visible .gav-lab,.chat-btn.gav-on.gav-docked.gav-hint .gav-lab{max-width:170px;opacity:1;padding:0 18px 0 12px}
.chat-btn.gav-on:not(.gav-docked){background:transparent;border-color:transparent;box-shadow:none}
.chat-btn.gav-on.gav-hide{pointer-events:none}
.gav{position:relative;display:block;width:64px;height:64px;flex:none;border-radius:50%;transform-origin:50% 50%;will-change:transform;transform:translate(var(--gx,0px),var(--gy,0px)) scale(var(--gs,1))}
.gav-i{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid rgba(var(--glow-rgb),.85);box-shadow:0 12px 34px -10px rgba(var(--shade-rgb),.7);background:#1b222a}
.gav-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(var(--glow-rgb),.55);opacity:0;pointer-events:none}
.gav-live{position:absolute;right:1px;bottom:3px;width:13px;height:13px;border-radius:50%;background:#35c47a;border:2px solid #0b1010;opacity:0;transition:opacity .4s}
.gav-docked .gav-live{opacity:1;animation:gavLive 2.8s ease-out infinite}
.gav-docked .gav-ring{animation:gavRing 3.6s ease-out infinite}
.gav-docked .gav-i{animation:gavBreath 5s ease-in-out infinite}
.gav-docked .gav{animation:gavHi 16s ease-in-out 4s infinite}
@keyframes gavRing{0%{opacity:.7;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.28)}}
@keyframes gavBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes gavHi{0%,92%,100%{rotate:0deg}94%{rotate:-7deg}96%{rotate:6deg}98%{rotate:-3deg}}
@keyframes gavLive{0%{box-shadow:0 0 0 0 rgba(53,196,122,.55)}80%,100%{box-shadow:0 0 0 9px rgba(53,196,122,0)}}
.gav-bub{position:absolute;right:76px;bottom:12px;width:max-content;max-width:min(250px,calc(100vw - 112px));padding:10px 14px;border-radius:16px 16px 4px 16px;border:1px solid var(--line);background:rgba(var(--glass-rgb),.94);backdrop-filter:blur(14px);color:var(--ink);font-size:13px;line-height:1.35;box-shadow:0 20px 50px -24px rgba(var(--shade-rgb),calc(.9 * var(--shade-k)));opacity:0;transform:translateY(6px) scale(.97);transform-origin:bottom right;transition:opacity .35s,transform .35s;pointer-events:none}
.gav-bub.on{opacity:1;transform:none}
@media(max-width:560px){.chat:has(.gav-on){bottom:74px}.totop{bottom:148px}.chat-btn.gav-on span.gav{display:block}.chat-btn.gav-on{padding:0;width:64px;min-height:64px}.chat-btn.gav-on .gav-lab{display:none}.gav-bub{right:70px;font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.gav-docked .gav-ring,.gav-docked .gav-i,.gav-docked .gav,.gav-docked .gav-live{animation:none}.gav-bub,.chat-btn.gav-on .gav-lab{transition:none}}

.gav-mute{position:absolute;right:52px;bottom:-4px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#F7F1E6;color:#1c2a22;display:none;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:.85}
.chat:has(.gav-docked) .gav-mute{display:flex}
.gav-mute:hover,.gav-mute:focus-visible{opacity:1;outline:2px solid #D4AF37;outline-offset:2px}
.gav-mute[aria-pressed=true]{background:#e8dfcb}