#soj-float{
  position: fixed;
  right: 20px;
  bottom: 20px; /* o top:50% si lo querés centrado */
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: .45rem;

  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 999px;
  padding: .55rem .8rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);

  opacity: 0;
  transform: translateX(120%); /* 👈 empieza fuera de la pantalla */
  transition: opacity .5s ease, transform .6s ease;
  pointer-events: none;
}

#soj-float.visible{
  opacity: .95;
  transform: translateX(0); /* 👈 entra deslizándose */
  pointer-events: auto;
}

#soj-float .soj-word{
  font-weight: 900;
  font-family: var(--font-primary, sans-serif);
  font-size: 1rem;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

#soj-float .soj-sanchez{
  background-image: linear-gradient(90deg, var(--brand-red), var(--brand-orange), var(--brand-yellow));
}
#soj-float .soj-jaldo{
  background-image: linear-gradient(90deg, #000, #E2E2E2);
}
#soj-float .soj-sep{
  color: var(--color-black);
  font-weight: 700;
}