/* ═══════════════════════════════════════════════════════════════════════════
 * bandeja.css · Vista Bandeja FEI · parte del módulo FC2
 * LUZOcrm V2 / TRANSED ONG · TAG: FC2-BND-NATIVA-1780816500
 * Tokens LUZOkit canónicos (lk-tokens.css). CERO hex. 3 temas heredan del kit.
 * Tokens usados (resueltos por el bridge a --lk-* según [data-theme]):
 *   superficie: --bg-card --bg-surface --bg-hover --bg-body
 *   texto:      --tx-base --tx-secondary --tx-muted --tx-dim --tx-inverse
 *   borde:      --border --border-soft
 *   marca:      --c-brand --c-brand-soft --c-brand-muted --c-brand-border(→--lk-brand-border)
 *   semántico:  --tx-red --lk-red-soft --tx-green --lk-green-soft
 *               --tx-amber --lk-amber-soft --tx-blue --lk-blue-soft
 *   estructura: --radius-* --font-* --shadow-* --z-modal --transition-*
 * ═══════════════════════════════════════════════════════════════════════════ */

/* raíz scrolleable — patrón idéntico a .fc2-eh (escritorio) */
.bnd-root{ height:100%; overflow-y:auto; box-sizing:border-box; padding:18px 12px; }

/* skeleton */
.bnd-skel{ display:flex; flex-direction:column; gap:8px; }
.bnd-skel-bar{ height:56px; border-radius:var(--radius-lg); background:var(--bg-surface);
  border:.5px solid var(--border-soft);
  background-image:linear-gradient(90deg, transparent 0%, var(--bg-hover) 50%, transparent 100%);
  background-size:200% 100%; animation:bnd-shimmer 1.4s ease-in-out infinite; }
@keyframes bnd-shimmer{ from{background-position:200% 0} to{background-position:-200% 0} }

/* empty */
.bnd-empty{ padding:72px 24px; text-align:center; }
.bnd-empty-ico{ width:64px; height:64px; border-radius:50%; margin:0 auto 18px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--lk-green-soft); color:var(--tx-green); }
.bnd-empty-ico svg{ width:28px; height:28px; }
.bnd-empty-title{ font-size:var(--font-lg); font-weight:500; margin-bottom:6px; color:var(--tx-base); }
.bnd-empty-text{ font-size:var(--font-sm); color:var(--tx-muted); max-width:380px; margin:0 auto 20px; line-height:1.6; }
.bnd-empty-cta{ padding:10px 18px; background:transparent; color:var(--c-brand);
  border:.5px solid var(--lk-brand-border); border-radius:var(--radius-md);
  font-size:var(--font-sm); font-weight:500; cursor:pointer; font-family:inherit;
  display:inline-flex; align-items:center; gap:6px; }
.bnd-empty-cta svg{ width:12px; height:12px; }

/* split */
.bnd-split{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; }
.bnd-col-list{ min-width:0; }
.bnd-col-summary{ align-self:start; position:sticky; top:0; }
@media (max-width:1000px){ .bnd-split{ grid-template-columns:1fr; } .bnd-col-summary{ position:static; } }

/* filtros */
.bnd-filters{ display:flex; align-items:center; gap:8px; padding:10px 12px;
  background:var(--bg-surface); border:.5px solid var(--border-soft);
  border-radius:var(--radius-lg); margin-bottom:12px; flex-wrap:wrap; }
.bnd-filter{ height:26px; padding:0 11px; border-radius:var(--radius-sm); background:var(--bg-card);
  border:.5px solid var(--border); font-size:var(--font-xs); color:var(--tx-muted);
  cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; gap:6px; }
.bnd-filter.is-active{ background:var(--c-brand-muted); border-color:var(--lk-brand-border); color:var(--c-brand-soft); }
.bnd-filter.is-danger{ border-color:var(--tx-red); color:var(--tx-red); }
.bnd-filter-n{ font-family:var(--font-mono); font-size:10px; opacity:.7; }
.bnd-search{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px;
  border-radius:var(--radius-sm); background:var(--bg-card); border:.5px solid var(--border);
  color:var(--tx-muted); font-size:var(--font-xs); flex:1; min-width:180px; }
.bnd-search svg{ width:12px; height:12px; }
.bnd-search input{ flex:1; background:transparent; border:0; outline:0; color:var(--tx-base); font-size:var(--font-xs); font-family:inherit; }

/* secciones */
.bnd-section-lbl{ font-size:9.5px; color:var(--tx-dim); font-weight:500;
  letter-spacing:.08em; text-transform:uppercase; margin:14px 0 8px 4px;
  display:flex; align-items:center; gap:8px; }
.bnd-section-lbl-n{ font-family:var(--font-mono); color:var(--c-brand-soft); letter-spacing:0; text-transform:none; }
.bnd-section-lbl.is-danger{ color:var(--tx-red); }
.bnd-section-lbl.is-danger .bnd-section-lbl-n{ color:var(--tx-red); }

/* master */
.bnd-master{ display:flex; align-items:center; gap:10px; padding:8px 14px;
  background:var(--bg-surface); border:.5px solid var(--border-soft);
  border-radius:var(--radius-md); margin-bottom:8px; font-size:var(--font-xs); color:var(--tx-muted); }
.bnd-master-check{ width:14px; height:14px; border-radius:var(--radius-sm); border:.5px solid var(--c-brand);
  background:var(--c-brand); display:inline-flex; align-items:center; justify-content:center;
  color:var(--tx-inverse); flex-shrink:0; cursor:pointer; }
.bnd-master-check.is-none{ background:var(--bg-card); border-color:var(--border); color:transparent; }
.bnd-master-check svg{ width:10px; height:10px; }
.bnd-master strong{ color:var(--tx-base); font-weight:500; font-family:var(--font-mono); }
.bnd-master-sp{ flex:1; }
.bnd-master-action{ font-size:var(--font-xs); color:var(--c-brand-soft); cursor:pointer; }

/* card */
.bnd-card{ display:flex; align-items:center; gap:12px; padding:12px 14px;
  background:var(--bg-surface); border:.5px solid var(--border-soft);
  border-radius:var(--radius-lg); margin-bottom:6px; cursor:pointer;
  transition:transform var(--transition-fast), border-color var(--transition-fast); }
.bnd-card:hover{ border-color:var(--lk-brand-border); transform:translateX(2px); }
.bnd-card.is-selected{ background:var(--c-brand-muted); border-color:var(--c-brand); }
.bnd-card.is-over{ opacity:.40; cursor:not-allowed; }
.bnd-card.is-danger{ border-color:var(--tx-red); }
.bnd-card.is-danger.is-selected{ background:var(--lk-red-soft); border-color:var(--tx-red); }
.bnd-card-check{ width:16px; height:16px; border-radius:var(--radius-sm); border:.5px solid var(--border);
  background:var(--bg-card); display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0; color:transparent; transition:all var(--transition-fast); }
.bnd-card-check svg{ width:11px; height:11px; }
.bnd-card.is-selected .bnd-card-check{ background:var(--c-brand); border-color:var(--c-brand); color:var(--tx-inverse); }
.bnd-card.is-danger.is-selected .bnd-card-check{ background:var(--tx-red); border-color:var(--tx-red); }
.bnd-card-check.is-disabled{ opacity:.3; }
.bnd-card-info{ flex:1; min-width:0; }
.bnd-card-r1{ display:flex; align-items:center; gap:8px; margin-bottom:3px; flex-wrap:wrap; }
.bnd-folio{ font-family:var(--font-mono); font-size:var(--font-xs); color:var(--c-brand-soft); font-weight:500; }
.bnd-folio.is-muted{ color:var(--tx-dim); }
.bnd-tipo{ height:16px; padding:0 6px; border-radius:var(--radius-sm); background:var(--bg-card);
  border:.5px solid var(--border-soft); font-size:9.5px; color:var(--tx-muted); font-weight:500;
  display:inline-flex; align-items:center; }
.bnd-vence{ height:16px; padding:0 6px; border-radius:var(--radius-sm); background:var(--lk-red-soft);
  border:.5px solid var(--tx-red); color:var(--tx-red); font-size:9.5px; font-weight:500;
  display:inline-flex; align-items:center; gap:4px; text-transform:uppercase; letter-spacing:.04em; }
.bnd-vence svg{ width:10px; height:10px; }
.bnd-pac{ font-size:var(--font-sm); color:var(--tx-base); font-weight:500; }
.bnd-meta{ font-size:10.5px; color:var(--tx-muted); margin-top:2px; }
.bnd-dot{ width:6px; height:6px; border-radius:50%; background:var(--tx-amber); flex-shrink:0; }
.bnd-promote{ height:26px; padding:0 10px; border-radius:var(--radius-sm); border:0;
  background:var(--c-brand-muted); color:var(--c-brand-soft); font-size:10.5px; font-weight:500;
  cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; gap:5px; flex-shrink:0; }
.bnd-promote svg{ width:11px; height:11px; }
.bnd-promote:disabled{ opacity:.5; cursor:default; }
.bnd-eye{ width:28px; height:28px; border-radius:var(--radius-sm); border:0; background:transparent;
  color:var(--tx-dim); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.bnd-eye svg{ width:14px; height:14px; }
.bnd-eye:hover{ background:var(--c-brand-muted); color:var(--c-brand-soft); }

/* banner */
.bnd-banner{ display:flex; align-items:center; gap:10px; padding:11px 14px;
  background:var(--lk-red-soft); border:.5px solid var(--tx-red); border-radius:var(--radius-lg); margin-bottom:12px; }
.bnd-banner-ico{ color:var(--tx-red); display:flex; flex-shrink:0; }
.bnd-banner-ico svg{ width:14px; height:14px; }
.bnd-banner-tx{ font-size:var(--font-xs); color:var(--tx-red); flex:1; line-height:1.5; }
.bnd-banner-tx strong{ color:var(--tx-red); font-weight:600; }

/* summary */
.bnd-sum{ background:var(--bg-surface); border:.5px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; }
.bnd-sum-head{ padding:16px 16px 14px; border-bottom:.5px solid var(--border-soft); display:flex; align-items:center; gap:12px; }
.bnd-sum-ico{ width:36px; height:36px; border-radius:var(--radius-md); background:var(--c-brand-muted);
  color:var(--c-brand-soft); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.bnd-sum-ico svg{ width:18px; height:18px; }
.bnd-sum-title{ font-size:var(--font-md); font-weight:500; color:var(--tx-base); }
.bnd-sum-sub{ font-size:var(--font-xs); color:var(--tx-muted); margin-top:2px; }
.bnd-sum-body{ padding:12px 16px 16px; }
.bnd-sum-row{ display:flex; justify-content:space-between; align-items:center;
  padding:8px 0; border-bottom:.5px solid var(--border-soft); font-size:var(--font-sm); color:var(--tx-muted); }
.bnd-sum-row:last-of-type{ border-bottom:0; }
.bnd-sum-row.is-total{ border-top:.5px solid var(--lk-brand-border); border-bottom:0; margin-top:4px; padding-top:12px; color:var(--tx-base); font-weight:500; }
.bnd-sum-row.is-venc{ background:var(--lk-red-soft); margin:-8px -16px 8px; padding:8px 16px; }
.bnd-sum-row.is-venc .bnd-sum-name, .bnd-sum-row.is-venc .bnd-sum-val{ color:var(--tx-red); }
.bnd-sum-name{ display:inline-flex; align-items:center; gap:8px; }
.bnd-sum-tdot{ width:6px; height:6px; border-radius:50%; }
.bnd-sum-tdot.t-evolucion{ background:var(--tx-blue); }
.bnd-sum-tdot.t-evaluacion_inicial{ background:var(--c-brand-soft); }
.bnd-sum-tdot.t-alta, .bnd-sum-tdot.t-cierre{ background:var(--tx-amber); }
.bnd-sum-tdot.t-interconsulta{ background:var(--tx-green); }
.bnd-sum-tdot.t-otro{ background:var(--tx-dim); }
.bnd-sum-val{ font-family:var(--font-mono); color:var(--c-brand-soft); font-weight:500; font-size:var(--font-sm); }
.bnd-sum-row.is-total .bnd-sum-val{ font-size:var(--font-xl); }

.bnd-cuota{ margin-top:14px; padding:10px 12px; background:var(--bg-card); border:.5px solid var(--border-soft); border-radius:var(--radius-md); }
.bnd-cuota-row{ display:flex; align-items:center; justify-content:space-between; font-size:10.5px; color:var(--tx-muted); margin-bottom:6px; }
.bnd-cuota-val{ font-family:var(--font-mono); color:var(--tx-base); font-weight:500; font-size:var(--font-xs); }
.bnd-cuota-val strong{ color:var(--c-brand-soft); font-weight:600; }
.bnd-cuota-val.is-full strong{ color:var(--tx-red); }
.bnd-cuota-bar{ height:4px; background:var(--border); border-radius:2px; overflow:hidden; }
.bnd-cuota-fill{ height:100%; background:var(--c-brand); border-radius:2px; transition:width var(--transition-normal); }
.bnd-cuota-fill.is-full{ background:var(--tx-red); }

.bnd-cta{ width:100%; height:38px; background:var(--c-brand); color:var(--tx-inverse); border-radius:var(--radius-md);
  font-size:var(--font-sm); font-weight:500; border:0; font-family:inherit; cursor:pointer; margin-top:14px;
  display:inline-flex; align-items:center; justify-content:center; gap:7px; transition:background var(--transition-fast); }
.bnd-cta svg{ width:14px; height:14px; }
.bnd-cta:hover{ background:var(--accent-hov); }
.bnd-cta:disabled{ opacity:.45; cursor:default; }
.bnd-cancel{ width:100%; height:32px; background:transparent; color:var(--tx-muted); border:.5px solid var(--border);
  border-radius:var(--radius-md); font-size:var(--font-sm); font-weight:500; cursor:pointer; margin-top:6px; font-family:inherit; }
.bnd-legal{ margin-top:14px; padding:10px 12px; background:var(--c-brand-muted); border:.5px solid var(--lk-brand-border);
  border-radius:var(--radius-md); font-size:10.5px; color:var(--c-brand-soft); line-height:1.55; display:flex; gap:8px; align-items:flex-start; }
.bnd-legal-ico svg{ width:12px; height:12px; }
.bnd-warn{ margin-top:10px; padding:10px 12px; background:var(--lk-red-soft); border:.5px solid var(--tx-red);
  border-radius:var(--radius-md); font-size:10.5px; color:var(--tx-red); line-height:1.55; display:flex; gap:8px; align-items:flex-start; }
.bnd-warn-ico{ color:var(--tx-red); flex-shrink:0; margin-top:1px; }
.bnd-warn-ico svg{ width:12px; height:12px; }
.bnd-warn strong{ color:var(--tx-red); font-weight:600; }
.bnd-warn.is-test{ background:var(--lk-amber-soft); border-color:var(--tx-amber); color:var(--tx-amber); }
.bnd-warn.is-test .bnd-warn-ico{ color:var(--tx-amber); }
.bnd-warn.is-test strong{ color:var(--tx-amber); }

/* ── ceremonia: MODAL OVERLAY ── */
.bnd-ov{ position:fixed; inset:0; background:rgba(5,7,10,.72); backdrop-filter:var(--blur-sm);
  display:none; align-items:center; justify-content:center; z-index:9998; }
.bnd-ov.is-show{ display:flex; animation:bnd-ovfade .2s ease; }
@keyframes bnd-ovfade{ from{opacity:0} to{opacity:1} }
.bnd-ov-modal{ width:420px; max-width:92vw; background:var(--bg-card); border:.5px solid var(--border);
  border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-lg); animation:bnd-ovpop .3s cubic-bezier(.34,1.3,.64,1); }
@keyframes bnd-ovpop{ from{opacity:0;transform:scale(.94) translateY(8px)} to{opacity:1;transform:scale(1)} }
.bnd-ov-head{ padding:10px 14px; background:var(--c-brand-muted); border-bottom:.5px solid var(--border-soft);
  font-size:10.5px; color:var(--c-brand-soft); letter-spacing:.04em; text-transform:uppercase; font-weight:500;
  display:flex; align-items:center; gap:6px; }
.bnd-ov-num{ width:16px; height:16px; border-radius:var(--radius-sm); background:var(--c-brand); color:var(--tx-inverse);
  display:inline-flex; align-items:center; justify-content:center; font-size:9.5px; font-family:var(--font-mono); }
.bnd-ov-sp{ flex:1; }
.bnd-ov-x{ width:22px; height:22px; border-radius:var(--radius-sm); border:0; background:transparent; color:var(--tx-muted);
  cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.bnd-ov-x svg{ width:12px; height:12px; }
.bnd-ov-x:hover{ background:var(--lk-red-soft); color:var(--tx-red); }
.bnd-ov-x:disabled{ opacity:.3; cursor:default; }
.bnd-ov-body{ padding:28px 22px 20px; display:flex; flex-direction:column; align-items:center; text-align:center; min-height:300px; }

.bnd-pk-ico{ width:60px; height:60px; border-radius:50%; margin-bottom:16px; display:inline-flex; align-items:center; justify-content:center; position:relative; }
.bnd-pk-ico svg{ width:28px; height:28px; }
.bnd-pk-ico.is-solicit{ background:var(--c-brand-muted); color:var(--c-brand-soft); }
.bnd-pk-ico.is-solicit::after{ content:''; position:absolute; inset:-8px; border-radius:50%;
  background:radial-gradient(circle, var(--c-brand-muted) 0%, transparent 65%); z-index:-1; animation:bnd-halo 2s ease-in-out infinite; }
@keyframes bnd-halo{ 0%,100%{opacity:.6;transform:scale(1)} 50%{opacity:1;transform:scale(1.15)} }
.bnd-pk-ico.is-proc{ background:var(--c-brand-muted); color:var(--c-brand-soft); }
.bnd-pk-ico.is-proc svg{ animation:bnd-spin 1.4s linear infinite; }
@keyframes bnd-spin{ to{transform:rotate(360deg)} }
.bnd-pk-ico.is-ok{ background:var(--lk-green-soft); color:var(--tx-green); }
.bnd-pk-ico.is-err{ background:var(--lk-red-soft); color:var(--tx-red); }
.bnd-pk-title{ font-size:var(--font-lg); font-weight:500; margin-bottom:6px; color:var(--tx-base); }
.bnd-pk-sub{ font-size:var(--font-xs); color:var(--tx-muted); margin-bottom:18px; line-height:1.55; max-width:280px; }

.bnd-test{ width:100%; margin-bottom:16px; padding:10px 12px; border-radius:var(--radius-md);
  background:var(--lk-amber-soft); border:.5px solid var(--tx-amber); text-align:left; }
.bnd-test-h{ font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--tx-amber); margin-bottom:3px; }
.bnd-test-s{ font-size:var(--font-xs); color:var(--tx-muted); line-height:1.45; }

.bnd-pk-prog{ width:100%; background:var(--bg-surface); border:.5px solid var(--border-soft); border-radius:var(--radius-md);
  padding:8px; margin-bottom:16px; max-height:180px; overflow-y:auto; }
.bnd-pk-prow{ display:flex; align-items:center; gap:8px; padding:4px; font-size:10.5px; font-family:var(--font-mono); color:var(--tx-muted); }
.bnd-pk-prow.is-done{ color:var(--tx-green); }
.bnd-pk-prow.is-active{ color:var(--c-brand-soft); }
.bnd-pk-prow.is-pending{ opacity:.45; }
.bnd-pk-pico{ width:14px; height:14px; border-radius:var(--radius-sm); background:var(--bg-card); border:.5px solid var(--border-soft);
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; color:transparent; }
.bnd-pk-pico svg{ width:9px; height:9px; }
.bnd-pk-prow.is-done .bnd-pk-pico{ background:var(--tx-green); border-color:var(--tx-green); color:var(--tx-inverse); }
.bnd-pk-prow.is-active .bnd-pk-pico{ background:var(--c-brand); border-color:var(--c-brand); color:var(--tx-inverse); }
.bnd-pk-prow.is-active .bnd-pk-pico svg{ animation:bnd-spin 1s linear infinite; }

.bnd-pk-count{ font-family:var(--font-mono); font-size:24px; font-weight:500; color:var(--tx-green); line-height:1.1; }
.bnd-pk-count-sub{ font-size:10px; color:var(--tx-dim); text-transform:uppercase; letter-spacing:.08em; margin-top:2px; margin-bottom:14px; }
.bnd-pk-meta{ background:var(--bg-surface); border:.5px solid var(--border-soft); border-radius:var(--radius-md); padding:10px 12px; width:100%; text-align:left; margin-bottom:16px; }
.bnd-pk-meta-row{ display:flex; justify-content:space-between; font-size:10.5px; color:var(--tx-muted); padding:3px 0; }
.bnd-pk-meta-row strong{ color:var(--tx-green); font-family:var(--font-mono); font-weight:500; }
.bnd-pk-meta-row.is-hash strong{ color:var(--tx-muted); font-size:9.5px; }
.bnd-pk-cta{ width:100%; height:34px; background:var(--c-brand); color:var(--tx-inverse); border-radius:var(--radius-md);
  font-size:var(--font-xs); font-weight:500; border:0; cursor:pointer; font-family:inherit;
  display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:auto; }
.bnd-pk-cta svg{ width:11px; height:11px; }
.bnd-pk-cta.is-ghost{ background:transparent; color:var(--tx-muted); border:.5px solid var(--border); }
.bnd-pk-err{ color:var(--tx-red); font-size:var(--font-xs); line-height:1.5; margin-bottom:16px; }

/* ═══════════════════════════════════════════════════════════════════════
   MICROANIMACIONES · sutiles, modernas, elegantes (FC2-BND)
   Respetan prefers-reduced-motion. Solo transform/opacity (GPU, sin reflow).
   ═══════════════════════════════════════════════════════════════════════ */
.bnd-card{ transition: transform .16s cubic-bezier(.34,1.2,.64,1), box-shadow .18s ease, background .14s ease, border-color .14s ease; will-change: transform; }
.bnd-card:hover{ transform: translateY(-1px); box-shadow: 0 4px 14px -6px rgba(0,0,0,.18); }
.bnd-card:active{ transform: translateY(0) scale(.997); }
.bnd-card.is-selected{ animation: bnd-pick .22s cubic-bezier(.34,1.3,.64,1); }
@keyframes bnd-pick{ from{ transform: scale(.985); } to{ transform: scale(1); } }

.bnd-card-check{ transition: background .16s ease, border-color .16s ease, transform .16s cubic-bezier(.34,1.4,.64,1); }
.bnd-card.is-selected .bnd-card-check{ transform: scale(1.06); }
.bnd-card-check svg{ animation: bnd-check-in .22s cubic-bezier(.34,1.4,.64,1); }
@keyframes bnd-check-in{ from{ opacity:0; transform: scale(.5); } to{ opacity:1; transform: scale(1); } }

.bnd-filter{ transition: background .14s ease, color .14s ease, transform .12s ease; }
.bnd-filter:hover{ transform: translateY(-1px); }
.bnd-filter:active{ transform: translateY(0); }

.bnd-cta, .bnd-promote, .bnd-pk-cta, .bnd-empty-cta{ transition: transform .13s cubic-bezier(.34,1.25,.64,1), filter .15s ease, opacity .15s ease; }
.bnd-cta:hover:not(:disabled), .bnd-pk-cta:hover{ transform: translateY(-1px); filter: brightness(1.05); }
.bnd-cta:active:not(:disabled), .bnd-promote:active, .bnd-pk-cta:active{ transform: translateY(0) scale(.99); }
.bnd-promote:hover{ transform: translateY(-1px); }

.bnd-eye{ transition: color .14s ease, transform .14s ease, background .14s ease; }
.bnd-eye:hover{ transform: scale(1.08); }

.bnd-section-lbl{ animation: bnd-fade-up .26s ease both; }
.bnd-banner{ animation: bnd-fade-up .3s ease both; }
@keyframes bnd-fade-up{ from{ opacity:0; transform: translateY(4px); } to{ opacity:1; transform: translateY(0); } }

.bnd-cuota-fill{ transition: width .4s cubic-bezier(.4,0,.2,1), background .3s ease; }
.bnd-master-check{ transition: background .16s ease, border-color .16s ease, transform .16s cubic-bezier(.34,1.4,.64,1); }
.st-toggle-badge{ animation: bnd-badge-pop .28s cubic-bezier(.34,1.5,.64,1); }
@keyframes bnd-badge-pop{ from{ opacity:0; transform: scale(.4); } to{ opacity:1; transform: scale(1); } }

@media (prefers-reduced-motion: reduce){
  .bnd-card, .bnd-card-check, .bnd-filter, .bnd-cta, .bnd-promote, .bnd-pk-cta,
  .bnd-empty-cta, .bnd-eye, .bnd-cuota-fill, .bnd-master-check{ transition: none !important; }
  .bnd-card.is-selected, .bnd-card-check svg, .bnd-section-lbl, .bnd-banner,
  .st-toggle-badge{ animation: none !important; }
}