/* Campanita de seguir a un anfitrión (Guille 18/09/2026). Mismo lenguaje que el
   botón de calendario de la agenda (borde de línea, fondo de superficie) y, al
   seguir, el azul claro de los chips de la ficha de persona. */
.pbc-host-follow { display: inline-flex; margin: 0; vertical-align: middle; flex: 0 0 auto; }
.pbc-host-follow-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border: 1px solid hsl(var(--pbc-line, 214 20% 88%));
  border-radius: 999px;
  background: hsl(var(--pbc-surface, 0 0% 100%));
  color: hsl(var(--pbc-muted, 215 14% 40%));
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.pbc-host-follow-btn.is-on { border-color: #cfe0fb; background: #eff5ff; color: #1666D6; }
.pbc-host-follow-btn:disabled { opacity: .6; cursor: default; }
.pbc-host-follow-ico { flex: 0 0 auto; }
.pbc-host-follow-btn .pbc-host-follow-ico-on,
.pbc-host-follow-btn.is-on .pbc-host-follow-ico-off { display: none; }
.pbc-host-follow-btn.is-on .pbc-host-follow-ico-on { display: inline; }
/* En la ficha de persona va a lo ancho, como los demás botones de la ficha. */
.pbc-pc-actions .pbc-host-follow { display: flex; }
.pbc-pc-actions .pbc-host-follow-btn { width: 100%; justify-content: center; padding: .6rem .9rem; font-size: .9rem; border-radius: .7rem; }