/* Bullking — sección de categorías (BK_CATEGORIAS_20261030) */
.bkc{position:relative}
.bkc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px}
.bkc-head>div{flex:1 1 520px}
.bkc-lead{flex:1 1 340px;max-width:440px;color:var(--muted)}
.bkc-num{background:linear-gradient(100deg,var(--brand) 10%,#8b8ef8 50%,var(--brand-700) 90%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bkcHue 6s ease-in-out infinite;font-variant-numeric:tabular-nums}
@keyframes bkcHue{0%,100%{background-position:0 0}50%{background-position:100% 0}}

.bkc-tabs{position:relative;display:inline-flex;gap:4px;margin-top:32px;padding:5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line),0 8px 24px -16px rgba(11,16,32,.25);max-width:100%;overflow-x:auto;scrollbar-width:none}
.bkc-tabs::-webkit-scrollbar{display:none}
.bkc-tabs button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 16px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:600 14px/1 var(--font-body);cursor:pointer;transition:color .25s}
.bkc-tabs button b{display:grid;min-width:22px;height:22px;place-items:center;padding:0 6px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);font-size:12px;transition:background .25s,color .25s}
.bkc-tabs button[aria-selected=true]{color:#fff}
.bkc-tabs button[aria-selected=true] b{background:rgba(255,255,255,.2);color:#fff}
.bkc-ink{position:absolute;z-index:0;top:5px;left:0;height:calc(100% - 10px);width:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),#7c7ff5);box-shadow:0 8px 20px -8px rgba(79,70,229,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}

.bkc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:40px 0 0;padding:0;list-style:none;perspective:1400px}
.bkc-card{--rx:0deg;--ry:0deg;position:relative;opacity:0;transform:translateY(36px) rotateX(-14deg) scale(.96);transform-origin:50% 100%;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 55ms)}
.bkc.is-in .bkc-card{opacity:1;transform:none}
.bkc-card.is-hide{display:none}
.bkc-card figure{margin:0;height:100%;padding:8px 8px 16px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(11,16,32,.04);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .3s}
.bkc-card:hover figure{box-shadow:0 0 0 1px var(--brand-200),0 28px 50px -24px rgba(79,70,229,.45)}
.bkc-media{position:relative;overflow:hidden;aspect-ratio:640/334;border-radius:16px;background:var(--brand-50)}
.bkc-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bkc-card:hover .bkc-media img{transform:scale(1.07)}
.bkc-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.bkc.is-in .bkc-shine{animation:bkcShine 1.1s ease-out calc(var(--d,0) * 55ms + 450ms) 1 both}
.bkc-card:hover .bkc-shine{animation:bkcShine .9s ease-out both}
@keyframes bkcShine{to{transform:translateX(120%)}}
.bkc-card figcaption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:14px 8px 0}
.bkc-card strong{font:700 17px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.bkc-card figcaption span{grid-column:1;color:var(--muted);font-size:14px}
.bkc-card em{grid-column:2;grid-row:1 / span 2;align-self:center;padding:5px 10px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);font-size:11.5px;font-style:normal;font-weight:700;white-space:nowrap}
.bkc-card[data-type=entrenamiento] em{background:#ECFDF5;color:#047857}
.bkc-card[data-type=persona] em{background:#FFF7ED;color:#C2410C}
.bkc-grid.is-swap .bkc-card{animation:bkcIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0) * 40ms)}
@keyframes bkcIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

@media (max-width:1024px){.bkc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){
  .bkc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .bkc-card figure{padding:6px 6px 12px;border-radius:18px}
  .bkc-media{border-radius:13px}
  .bkc-card figcaption{grid-template-columns:1fr;padding:10px 4px 0}
  .bkc-card strong{font-size:15px}
  .bkc-card figcaption span{font-size:12.5px}
  .bkc-card em{display:none}
  .bkc-tabs button{padding:9px 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .bkc-card,.bkc.is-in .bkc-card{opacity:1;transform:none;transition:none}
  .bkc-shine,.bkc-num{animation:none!important}
  .bkc-card figure{transform:none!important}
}