/* ============================================================================
   TuFrecuencia · piel de la Fábrica (15-nov-2026)
   ---------------------------------------------------------------------------
   fabrica-ui.css y fabrica-ui.js son la copia común a todos los negocios.
   Aquí solo cambian los tokens a los de TuFrecuencia (styles.css).
   ========================================================================== */
.tuf-fabrica.f-app {
  --f-acento: var(--onda-a, #8B7CF7);
  --f-fondo: transparent; --f-tarjeta: var(--surface, #1a1530); --f-tarjeta-2: var(--surface-raised, #231d3d);
  --f-separador: var(--border, rgba(60,60,67,.16));
  --f-texto: var(--text, #F3F0FE); --f-texto-2: var(--text-muted, #ABA3C7); --f-texto-3: var(--tinta-3, #847BA5);
  --f-relleno: var(--surface-raised, rgba(118,118,128,.24));
  --f-fuente: inherit;
  margin-top: var(--space-2, 16px);
}
.tuf-fabrica.f-app .f-cal, .tuf-fabrica.f-app .f-dia, .tuf-fabrica.f-app .f-panel { border: 1px solid var(--border, rgba(60,60,67,.16)); border-radius: 14px; }

/* aviso flotante (toast) del anfitrión */
.f-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 9500; max-width: min(520px, 92vw); padding: 11px 16px; border-radius: 12px; background: #1f1a33; color: #fff; font: 600 14px/1.4 system-ui, sans-serif; box-shadow: 0 24px 60px rgba(0,0,0,.34); }
.f-toast--mal { background: #BE123C; }
@media (max-width: 760px) { .f-toast { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); } }