[hidden]{display:none!important}
.baa-burbujas{position:fixed;bottom:22px;z-index:70;display:flex;flex-direction:column;align-items:center;gap:10px}
.baa-izq{left:22px}
.baa-der{right:22px}
.baa-b{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;padding:0;cursor:pointer;color:#fff;background:#1f2a28;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);transition:transform .25s ease,background .25s ease;text-decoration:none}
.baa-b:hover{transform:translateY(-2px) scale(1.04);color:#fff}
.baa-b svg{width:22px;height:22px;fill:currentColor}
.baa-wa{width:60px;height:60px;background:var(--baa-wa,#25d366)}
.baa-wa svg{width:31px;height:31px}
.baa-wa::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--baa-wa,#25d366);animation:baa-latido 2.6s ease-out infinite;opacity:.55}
@keyframes baa-latido{0%{box-shadow:0 0 0 0 var(--baa-wa,#25d366)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}
.baa-abrir svg{transition:transform .3s}
.baa-abrir.baa-activo svg{transform:rotate(45deg)}
.baa-mas{display:flex;flex-direction:column;gap:10px}
.baa-mas .baa-b{width:44px;height:44px;animation:baa-sube .25s ease both}
@keyframes baa-sube{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.baa-red[aria-label=Facebook]{background:#1877f2}
.baa-red[aria-label=Instagram]{background:linear-gradient(45deg,#f9a825,#e1306c,#833ab4)}
.baa-red[aria-label=TikTok]{background:#111}
.baa-red[aria-label=YouTube]{background:#ff0000}
.baa-red[aria-label=LinkedIn]{background:#0a66c2}
.baa-red[aria-label=X]{background:#000}
.baa-tel{background:#3b4a47}
.baa-globo{position:absolute;bottom:50%;transform:translateY(50%);white-space:nowrap;background:#fff;color:#1f2a28;font-size:14px;font-weight:500;padding:9px 14px;border-radius:12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}
.baa-izq .baa-globo{left:calc(100% + 12px)}
.baa-der .baa-globo{right:calc(100% + 12px)}
.baa-globo.baa-ver,.baa-wa:hover .baa-globo{opacity:1;visibility:visible}
@media (max-width:768px){.baa-burbujas{bottom:16px}.baa-izq{left:14px}.baa-der{right:14px}.baa-wa{width:54px;height:54px}.baa-globo{display:none}}
@media (prefers-reduced-motion:reduce){.baa-wa::after{animation:none}}