/* ─── ONE-PAGE BLOG COMPLETION ─── */
.blog-kicker{font-family:'JetBrains Mono',monospace;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem;}
.blog-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:22px;padding:1.35rem;min-height:230px;position:relative;overflow:hidden;}
.blog-card:before{content:"";position:absolute;inset:auto -30% -40% auto;width:180px;height:180px;background:radial-gradient(circle,rgba(124,58,237,.24),transparent 65%);pointer-events:none;}
.blog-card h3{font-family:'Outfit',sans-serif;font-size:1.15rem;margin:.4rem 0 .75rem;color:var(--light);}
.blog-card p,.blog-card li{color:var(--muted2);font-size:.96rem;line-height:1.72;}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}
.game-filter-panel{margin:2rem 0 2.4rem;padding:1.15rem;border:1px solid rgba(167,139,250,.22);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.20)}
.game-filter-grid{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(2,minmax(180px,.75fr)) auto;gap:.9rem;align-items:end}
.game-filter-field{display:flex;flex-direction:column;gap:.42rem}
.game-filter-field label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted2)}
.game-filter-input,.game-filter-select{width:100%;border:1px solid rgba(167,139,250,.25);background:rgba(6,6,16,.58);color:var(--light);border-radius:16px;padding:.85rem .95rem;font:inherit;outline:none}
.game-filter-input:focus,.game-filter-select:focus{border-color:rgba(167,139,250,.70);box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.game-filter-reset{white-space:nowrap;border:1px solid rgba(167,139,250,.32);background:rgba(124,58,237,.10);color:var(--light);border-radius:999px;padding:.85rem 1rem;font:inherit;font-weight:800;cursor:pointer}
.game-filter-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:var(--muted2);font-size:.95rem}
.game-filter-tags{display:flex;gap:.5rem;flex-wrap:wrap}
.game-filter-chip{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:999px;padding:.34rem .56rem;font-size:.82rem;color:var(--muted2)}
.game-empty{display:none;margin:1.4rem 0 0;padding:1rem 1.1rem;border:1px solid rgba(245,199,122,.22);border-radius:18px;background:rgba(245,199,122,.06);color:#f3e6cb}
.training-core {
  margin: 1.25rem 0 1.6rem;
  padding: 1.2rem;
  border: 1px solid rgba(6,182,212,0.22);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(6,182,212,0.08), rgba(124,58,237,0.06));
}
.training-core-title {
  display: flex; align-items: center; gap: .65rem;
  font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 1.05rem;
  color: #fff; margin-bottom: .45rem;
}
.training-core-text {
  color: var(--muted2); font-size: .9rem; line-height: 1.65; margin-bottom: 1rem;
}
.training-core-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .65rem;
}
.training-core-controls {
  margin-top: .85rem;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .65rem;
  align-items: center;
}
.training-core-select {
  width: 100%;
  border: 1px solid rgba(167,139,250,.22);
  background: rgba(6,6,16,.52);
  color: var(--reading-text);
  border-radius: 14px;
  padding: .76rem .9rem;
  font: inherit;
  outline: none;
}
.training-core-select:focus { border-color: rgba(167,139,250,.62); box-shadow: 0 0 0 3px rgba(124,58,237,.14); }
.training-core-action {
  border: 1px solid rgba(34,211,238,.28);
  background: rgba(6,182,212,.09);
  color: var(--reading-text);
  border-radius: 999px;
  padding: .76rem 1rem;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
.training-core-action:hover { background: rgba(6,182,212,.16); border-color: rgba(34,211,238,.52); }
.training-core-train-wrap { margin-top: .95rem; display:flex; flex-direction:column; gap:.45rem; }
.training-core-train {
  width:100%;
  display:flex; align-items:center; justify-content:center; gap:.55rem;
  border:1px solid rgba(168,85,247,.48);
  background: linear-gradient(135deg, rgba(124,58,237,.92), rgba(34,211,238,.72));
  color:#fff;
  border-radius: 999px;
  padding: .9rem 1.05rem;
  font-family:'Outfit', sans-serif;
  font-weight:850;
  font-size:.96rem;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(124,58,237,.22);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.training-core-train:hover { transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 18px 40px rgba(34,211,238,.22); }
.training-core-train.is-disabled { opacity:.45; pointer-events:none; filter:grayscale(.2); box-shadow:none; }
.training-core-train small { font-family:'Inter', sans-serif; font-weight:700; opacity:.82; }
.training-core-train-note { color:var(--muted2); font-size:.76rem; line-height:1.45; text-align:center; }
.training-core-actions-secondary { display:flex; gap:.55rem; flex-wrap:wrap; margin-top:.65rem; }
.training-core-mini {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: var(--muted2);
  border-radius: 999px;
  padding: .52rem .75rem;
  font: inherit;
  font-size: .78rem;
  font-weight: 750;
  cursor: pointer;
}
.training-core-mini:hover { color: var(--reading-text); border-color: rgba(167,139,250,.35); }
.training-core-status { min-height: 1.2rem; margin-top: .52rem; color: var(--muted2); font-size: .78rem; line-height: 1.45; }
.training-chip {
  display: flex; align-items: center; gap: .55rem;
  padding: .72rem .8rem; border-radius: 14px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--reading-text); font-weight: 700; font-size: .88rem;
  text-decoration: none; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.training-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(168,85,247,.42);
  background: rgba(168,85,247,.08);
}
.training-chip span:first-child { font-size: 1rem; }
.training-chip-dynamic { justify-content: space-between; gap: .65rem; }
.training-chip-main {
  display:flex; align-items:center; gap:.55rem; min-width:0; flex:1;
  color:inherit; text-decoration:none;
}
.training-chip-main .training-chip-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.training-remove {
  width: 28px; height: 28px; border-radius: 999px; flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: var(--muted2);
  cursor: pointer;
  font-size: 1rem; line-height: 1;
}
.training-remove:hover { color:#fff; border-color: rgba(248,113,113,.42); background: rgba(248,113,113,.12); }

.training-core-hint {
  margin-top: .85rem;
  display:flex; flex-direction:column; gap:.35rem;
  color: var(--muted2);
  font-size: .82rem;
  line-height: 1.5;
}
.training-drag-handle {
  width: 28px; height: 28px; border-radius: 999px; flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: var(--muted2);
  cursor: grab;
  display:flex; align-items:center; justify-content:center;
  font-size: .9rem; line-height: 1;
  touch-action: none;
}
.training-drag-handle:active { cursor: grabbing; }
.training-chip.dragging { opacity: .55; transform: scale(.985); border-color: rgba(34,211,238,.55); }
.training-chip.drag-over { border-color: rgba(34,211,238,.70); background: rgba(34,211,238,.08); }
.training-chip-placeholder {
  border: 1px dashed rgba(34,211,238,.55);
  background: rgba(34,211,238,.06);
  border-radius: 14px; min-height: 52px;
}
.game-core-star {
  position:absolute; top:1rem; right:1rem; z-index:5;
  width: 42px; height: 42px; border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(6,6,16,.72);
  color: rgba(255,255,255,.55);
  display:flex; align-items:center; justify-content:center;
  font-size: 1.15rem; line-height:1; cursor:pointer;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.game-core-star:hover { transform: translateY(-1px) scale(1.03); border-color: rgba(245,199,122,.55); color:#f5c77a; background: rgba(245,199,122,.10); }
.game-core-star.active { border-color: rgba(245,199,122,.62); color:#f5c77a; background: rgba(245,199,122,.13); box-shadow:0 0 24px rgba(245,199,122,.12); }
#juegos-reactiva .blog-card { position: relative; }
#juegos-reactiva .blog-card h3 { padding-right: 3.1rem; }

@media (max-width:720px){
  .training-core-controls { grid-template-columns: 1fr; }
  .training-core-action { width:100%; }
}
.training-note {
  margin-top: 1rem; padding: .85rem 1rem; border-radius: 14px;
  border-left: 3px solid var(--cyan);