/* LB Flutuantes · padrão em TODOS os layouts da LeaderBrand
   Trilho de acesso rápido (direita, centro) + WhatsApp flutuante (direita, embaixo).
   Trilho usa as cores da empresa (--m-escura / --m-destaque). O WhatsApp é sempre o verde oficial. */
:root{--lb-whats:#25D366;--lb-whats-hover:#128C7E;--lb-whats-texto:#fff}

.lb-trilho{display:none;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:70;flex-direction:column;background:var(--m-escura);box-shadow:-6px 0 24px color-mix(in oklab,var(--m-escura) 22%,transparent)}
.lb-trilho a{display:grid;place-items:center;width:56px;height:56px;color:var(--m-sobre-escura);border-bottom:1px solid color-mix(in oklab,var(--m-sobre-escura) 14%,transparent);transition:background .25s cubic-bezier(.2,.7,.2,1),color .25s}
.lb-trilho a:last-child{border-bottom:0}
.lb-trilho a:hover,.lb-trilho a:focus-visible{background:var(--m-destaque);color:var(--m-escura)}
.lb-trilho a svg{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.lb-trilho a:hover svg{transform:scale(1.12)}
.lb-trilho a[href=""],.lb-trilho a[href="mailto:"],.lb-trilho a[href="tel:"]{display:none}

.lb-whats{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,2.5vw,32px);z-index:70;isolation:isolate;display:flex;align-items:center;gap:10px;height:58px;padding:0 16px;border-radius:999px;background:var(--lb-whats);color:var(--lb-whats-texto);font-family:var(--m-fonte-texto,inherit);font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 12px 30px color-mix(in oklab,var(--lb-whats) 40%,transparent);transition:background .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
.lb-whats::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--lb-whats);animation:lb-whats-pulso 2.8s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.lb-whats:hover,.lb-whats:focus-visible{background:var(--lb-whats-hover);color:var(--lb-whats-texto);transform:translateY(-2px)}
.lb-whats span{display:none}
@keyframes lb-whats-pulso{0%{transform:scale(1);opacity:.45}70%,100%{transform:scale(1.25,1.45);opacity:0}}

@media (min-width:1024px){.lb-trilho{display:flex}.lb-whats{padding:0 22px 0 18px}.lb-whats span{display:inline}}
@media (prefers-reduced-motion:reduce){.lb-whats::after{animation:none;opacity:0}.lb-trilho a,.lb-whats,.lb-trilho a svg{transition:none}}