/* Menú flotante de WhatsApp — Victor H. Saluzzo S.A. */
#wa-float-wrap { position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }

#wa-menu {
  display: flex; flex-direction: column; gap: 8px;
  width: 260px;
  opacity: 0; transform: translateY(12px) scale(.96);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
  transform-origin: bottom right;
}
#wa-menu.open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }

.wa-menu-item {
  display: flex; align-items: center; gap: 10px;
  width: 100%; text-align: left;
  background: #fff; border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px; padding: 12px 14px;
  font-family: 'Inter', sans-serif; font-size: 0.84rem; font-weight: 600; color: #0A0A0B;
  cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.wa-menu-item:hover { background: #F5F5F3; transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,0.16); }
.wa-menu-icon { font-size: 1.15rem; flex-shrink: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: #FFF8E7; border-radius: 8px; }

.wa-fab {
  position: relative;
  width: 60px; height: 60px; background: #25D366; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(37,211,102,0.4), 0 2px 8px rgba(0,0,0,0.15);
  transition: transform .2s ease, box-shadow .2s ease;
  text-decoration: none; cursor: pointer; border: 0; flex-shrink: 0;
}
.wa-fab:hover { transform: scale(1.08); }
.wa-fab svg { transition: opacity .15s ease, transform .15s ease; }
.wa-fab .wa-fab-close { opacity: 0; position: absolute; transform: rotate(-45deg) scale(.6); }
.wa-fab.open .wa-fab-whatsapp { opacity: 0; transform: rotate(45deg) scale(.6); position: absolute; }
.wa-fab.open .wa-fab-close { opacity: 1; transform: rotate(0) scale(1); position: static; }

@media (max-width: 480px) {
  #wa-float-wrap { bottom: 18px; right: 16px; }
  #wa-menu { width: 230px; }
  .wa-menu-item { font-size: 0.8rem; padding: 11px 12px; }
}