/* Oléolécar · micro-interacciones del tablón (ver js/board-fx.js) */
.live-pill { display: inline-flex; align-items: center; gap: .5rem; margin-top: .7rem; padding: .38rem .8rem .38rem .65rem; border-radius: 999px; font-weight: 800; font-size: .82rem; color: #1a2e05; background: rgba(255,255,255,.62); border: 1px solid rgba(26,46,5,.12); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 6px 16px -10px rgba(26,46,5,.5); transition: background .3s, transform .3s; }
.live-pill[hidden] { display: none; }
.live-pill b { font-variant-numeric: tabular-nums; }
.live-dot { position: relative; width: .6rem; height: .6rem; border-radius: 50%; background: #16a34a; flex: none; }
.live-dot::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid #16a34a; opacity: 0; animation: live-ring 1.9s ease-out infinite; }
@keyframes live-ring { 0% { transform: scale(.5); opacity: .8; } 100% { transform: scale(1.7); opacity: 0; } }
.live-pill.is-flash { background: #fff; transform: scale(1.04); animation: live-pop .5s cubic-bezier(.34,1.56,.64,1); }
.live-new { color: #047857; }
@keyframes live-pop { 0% { transform: scale(.92); } 100% { transform: scale(1.04); } }

/* Petición recién llegada */
.bc { position: relative; }
.bc--new { animation: bc-in .6s cubic-bezier(.22,1,.36,1), bc-glow 2.4s ease-out 2; border-color: #86efac; }
@keyframes bc-in { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes bc-glow { 0%,100% { box-shadow: 0 6px 18px -14px rgba(15,23,42,.35); } 50% { box-shadow: 0 0 0 4px rgba(34,197,94,.22), 0 10px 26px -12px rgba(34,197,94,.55); } }
.bc-new-badge { position: absolute; top: -.55rem; right: .9rem; background: #16a34a; color: #fff; font-weight: 800; font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 999px; box-shadow: 0 6px 14px -6px rgba(22,163,74,.7); animation: bc-in .5s cubic-bezier(.34,1.56,.64,1); }

/* Botones magnéticos */
.is-mag { transition: transform .12s ease-out, background .2s, box-shadow .2s !important; will-change: transform; }
.bc-btn:not(.bc-btn--soft):hover, .board-head__cta:hover { box-shadow: 0 12px 22px -12px rgba(16,185,129,.9); }
.bc-btn { transition: transform .35s cubic-bezier(.22,1,.36,1), background .2s, box-shadow .2s; }
.bc-btn:active, .board-head__cta:active { transform: scale(.96) !important; }

/* Esqueletos de carga: mismo radio que las tarjetas */
.req-grid > .skeleton { border-radius: 20px; }

@media (prefers-reduced-motion: reduce) {
  .live-dot::after, .bc--new, .bc-new-badge, .live-pill.is-flash { animation: none !important; }
  .is-mag { transition: none !important; }
}