/* ==========================================================================
   FAB WHATSAPP — botón flotante permanente  ·  js/ui/fab-whatsapp.js
   Sube cuando la barra sticky está visible (ver sticky-cta.css).
   ========================================================================== */
.fab-wa {
  position: fixed; right: 1.1rem; bottom: 1.2rem; z-index: 90;
  display: flex; align-items: center; gap: .7rem;
  transition: bottom var(--tr);
}
.fab-wa__label {
  font-size: .76rem; font-weight: 500;
  background: var(--blanco);
  border: 1px solid var(--linea);
  padding: .45rem .85rem; border-radius: var(--radio);
  box-shadow: var(--sombra);
  opacity: 0; transform: translateX(8px);
  transition: opacity var(--tr), transform var(--tr);
  pointer-events: none;
}
.fab-wa.is-shown .fab-wa__label { opacity: 1; transform: none; }
.fab-wa__btn {
  width: 54px; height: 54px; border-radius: var(--radio);
  display: grid; place-items: center;
  background: var(--wa); color: #fff;
  box-shadow: var(--sombra-alta);
  transition: transform var(--tr), background var(--tr);
  position: relative;
}
.fab-wa__btn:hover { transform: scale(1.06); background: var(--wa-osc); }
.fab-wa__btn::after {
  content: ""; position: absolute; inset: 0; border-radius: var(--radio);
  border: 2px solid var(--wa);
  animation: pulso 2.4s ease-out infinite;
}
.fab-wa__btn svg { width: 26px; height: 26px; }

@media (min-width: 1024px) {
  .fab-wa { right: 1.6rem; bottom: 1.6rem; }
}