/* ================================================================
   COMANDOS.CSS — Página pública de comandos del bot
   ================================================================ */

.cmd-page { position: relative; z-index: 1; padding: 110px 0 60px; }
.cmd-wrap { max-width: 1000px; margin: 0 auto; padding: 0 24px; }

/* ── Cabecera ── */
.cmd-hero { text-align: center; margin-bottom: 48px; }
.cmd-kicker {
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px; font-weight: 700; letter-spacing: .35em;
  color: var(--electric); text-transform: uppercase;
  margin-bottom: 10px;
}
.cmd-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(48px, 8vw, 84px); line-height: .95;
  letter-spacing: .02em; margin: 0 0 14px;
  background: linear-gradient(180deg, #fff 25%, var(--gold) 90%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 6px 26px rgba(200,155,60,.25));
}
.cmd-sub {
  max-width: 620px; margin: 0 auto;
  font-size: 15px; line-height: 1.65; color: var(--text-dim);
}
.cmd-freshness {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 18px; padding: 5px 14px;
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--text-dim);
  border: 1px solid rgba(255,255,255,.08); border-radius: 3px;
}
.cmd-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #4ADE80; box-shadow: 0 0 8px rgba(74,222,128,.7);
}
.cmd-dot.stale { background: #F59E0B; box-shadow: 0 0 8px rgba(245,158,11,.6); }

/* ── Economía ── */
.cmd-economy { margin-bottom: 48px; }
.cmd-section-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 30px; letter-spacing: .06em; color: var(--gold);
  margin: 0 0 16px; padding-left: 12px;
  border-left: 3px solid var(--gold);
}
.cmd-eco-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px;
}
.cmd-eco-card {
  padding: 20px 18px; text-align: center;
  background: linear-gradient(165deg, rgba(200,155,60,.06), rgba(13,17,23,.4));
  border: 1px solid rgba(200,155,60,.18);
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}
.cmd-eco-icon { font-size: 26px; margin-bottom: 6px; }
.cmd-eco-val {
  font-family: 'Bebas Neue', sans-serif; font-size: 40px; line-height: 1;
  color: var(--electric); text-shadow: 0 0 22px rgba(79,195,247,.3);
}
.cmd-eco-lbl {
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--gold); font-weight: 700; margin: 4px 0 8px;
}
.cmd-eco-note { font-size: 12px; line-height: 1.5; color: var(--text-dim); }

/* ── Listado de comandos ── */
.cmd-cat { margin-bottom: 40px; }
.cmd-list {
  border: 1px solid rgba(200,155,60,.14);
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  background: linear-gradient(165deg, rgba(200,155,60,.03), rgba(13,17,23,.4));
}
.cmd-row {
  display: flex; align-items: baseline; gap: 16px;
  padding: 13px 20px;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.cmd-row:last-child { border-bottom: none; }
.cmd-row:hover { background: rgba(255,255,255,.02); }
.cmd-code {
  flex-shrink: 0; min-width: 190px;
  font-family: 'Courier New', monospace; font-size: 14px; font-weight: 700;
  color: var(--gold);
}
.cmd-desc { font-size: 14px; line-height: 1.5; color: var(--text); }
.cmd-row-note {
  font-size: 13px; color: var(--text-dim); font-style: italic;
  background: rgba(79,195,247,.04);
}
.cmd-empty {
  text-align: center; padding: 48px 24px;
  color: var(--text-dim); font-size: 14px;
  border: 1px dashed rgba(255,255,255,.1);
}

@media (max-width: 640px) {
  .cmd-row { flex-direction: column; gap: 4px; }
  .cmd-code { min-width: 0; }
}