/* ============================================================
   toast.css — notificación flotante al suscribirse.
   ============================================================ */

#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,140%);z-index:100;
  display:flex;align-items:center;gap:14px;padding:15px 22px;border-radius:14px;
  background:rgba(16,18,32,.9);border:1px solid rgba(232,103,58,.4);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 20px 50px -18px rgba(0,0,0,.8);max-width:calc(100vw - 36px);
  transition:transform .55s var(--ease);}
#toast.show{transform:translate(-50%,0)}
#toast .ti{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:radial-gradient(circle at 40% 35%,#ffd9a0,var(--orange) 55%,#8f2f12);box-shadow:0 0 16px rgba(232,103,58,.6)}
#toast .tt{font-size:14px;color:var(--white)}
#toast .ts{font-family:var(--mono);font-size:11px;color:var(--t-50);margin-top:2px}