/* ═══════════════════════════════════════════════════════════════
   K10 DESIGN SYSTEM — MATEMÁTICO 10
   DNA visual compartilhado por TODAS as páginas do ecossistema:
   fundo escuro #0b0e17 · dourado #f5a623 · Inter · cantos 14px
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap');

:root {
  --k10-bg: #0b0e17;
  --k10-card: #121827;
  --k10-card-hover: #1a2338;
  --k10-gold: #f5a623;
  --k10-gold-hover: #ffc857;
  --k10-gold-dim: rgba(245, 166, 35, 0.15);
  --k10-text: #eaeef5;
  --k10-text-muted: #8b99b5;
  --k10-border: rgba(255, 255, 255, 0.07);
  --k10-green: #58cc02;
  --k10-red: #ff5a47;
  --k10-radius: 14px;
  --k10-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ===== NAVBAR K10 (injetada via k10.js) ===== */
#k10nav {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  height: 60px; padding: 0 22px;
  background: rgba(11, 14, 23, 0.92);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(245, 166, 35, 0.22);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
  font-family: var(--k10-font);
  box-sizing: border-box;
}
#k10nav * { box-sizing: border-box; }
#k10nav .k10-logo {
  display: flex; align-items: center; gap: 9px;
  font-size: 15px; font-weight: 800; letter-spacing: 0.02em;
  color: var(--k10-text); text-decoration: none; white-space: nowrap;
}
#k10nav .k10-logo b { color: var(--k10-gold); }
#k10nav .k10-logo .k10-logo-dot {
  width: 10px; height: 10px; border-radius: 3px;
  background: linear-gradient(135deg, var(--k10-gold), #c47b10);
  box-shadow: 0 0 10px rgba(245, 166, 35, 0.6);
  flex-shrink: 0;
}
#k10nav .k10-links {
  display: flex; align-items: center; gap: 4px;
  overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;
}
#k10nav .k10-links::-webkit-scrollbar { display: none; }
#k10nav .k10-links a {
  display: flex; align-items: center; gap: 6px;
  color: var(--k10-text-muted); text-decoration: none;
  font-size: 13.5px; font-weight: 600; white-space: nowrap;
  padding: 8px 12px; border-radius: 9px;
  transition: color 0.2s ease, background 0.2s ease;
}
#k10nav .k10-links a:hover { color: var(--k10-gold-hover); background: rgba(245, 166, 35, 0.1); }
#k10nav .k10-links a.active { color: var(--k10-gold); background: rgba(245, 166, 35, 0.14); }
#k10nav .k10-links a .k10-ico { font-size: 15px; line-height: 1; }

@media (max-width: 640px) {
  #k10nav { padding: 0 12px; }
  #k10nav .k10-logo .k10-brand-full { display: none; }
  #k10nav .k10-links a { padding: 8px 9px; font-size: 12.5px; }
  #k10nav .k10-links a .k10-lbl { display: none; }
  #k10nav .k10-links a .k10-ico { font-size: 18px; }
}

/* ===== COMPONENTES COMPARTILHADOS ===== */
.k10-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 26px; border: none; border-radius: 10px;
  background: var(--k10-gold); color: #1a1000;
  font-family: var(--k10-font); font-size: 0.95rem; font-weight: 700;
  cursor: pointer; text-decoration: none;
  transition: background 0.2s ease, transform 0.15s ease;
}
.k10-btn:hover { background: var(--k10-gold-hover); transform: translateY(-1px); }
.k10-btn:active { transform: translateY(1px); }