/*
Theme Name: Cortex Platform Theme
Theme URI: https://example.com/cortex
Author: OpenAI for David Marte
Description: Tema base do Cortex com foco em LMS gamificado, dashboards e integração com Elementor.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: cortex-platform
*/

:root {
  --cortex-bg: #07111f;
  --cortex-panel: #0d1b2e;
  --cortex-panel-2: #12263f;
  --cortex-text: #e8f0ff;
  --cortex-muted: #9fb3ce;
  --cortex-primary: #4ea2ff;
  --cortex-primary-2: #78d8ff;
  --cortex-success: #35c286;
  --cortex-warning: #ffb357;
  --cortex-danger: #ff6f7d;
  --cortex-radius: 18px;
  --cortex-shadow: 0 10px 30px rgba(0,0,0,.28);
  --cortex-gradient: linear-gradient(135deg, rgba(78,162,255,.18), rgba(120,216,255,.08));
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; background: radial-gradient(circle at top right, rgba(78,162,255,.12), transparent 30%), linear-gradient(180deg, #06101d 0%, #091524 100%); color: var(--cortex-text); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
a { color: var(--cortex-primary-2); text-decoration: none; }
a:hover { opacity: .92; }
img { max-width: 100%; height: auto; }

.cortex-site-header,
.cortex-site-footer {
  padding: 24px 32px;
  background: rgba(6,16,29,.65);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.05);
}

.cortex-site-footer {
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: none;
  margin-top: 48px;
}

.cortex-wrap {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}

.cortex-brand {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.cortex-logo {
  font-weight:800;
  letter-spacing:.02em;
  color: #fff;
}

.cortex-nav { display:flex; gap:18px; flex-wrap:wrap; }
.cortex-nav a { color: var(--cortex-muted); font-size: .96rem; }

.cortex-page {
  width:min(1240px, calc(100% - 32px));
  margin: 28px auto 48px;
}

.cortex-hero,
.cortex-card,
.cortex-widget,
.cortex-course-card {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: var(--cortex-shadow);
  border-radius: var(--cortex-radius);
}

.cortex-hero {
  padding: 32px;
  position: relative;
  overflow: hidden;
}

.cortex-hero:before {
  content:"";
  position:absolute; inset:auto -10% -30% auto;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(78,162,255,.22) 0%, rgba(78,162,255,0) 70%);
  pointer-events:none;
}

.cortex-grid {
  display:grid;
  gap:20px;
}

.cortex-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.cortex-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }

.cortex-card, .cortex-widget { padding: 22px; }
.cortex-card h3, .cortex-widget h3 { margin-top:0; }

.cortex-kpis {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}

.cortex-kpi {
  padding: 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.05);
}

.cortex-kpi__label { color: var(--cortex-muted); font-size: .86rem; margin-bottom:8px; display:block; }
.cortex-kpi__value { font-size: 1.55rem; font-weight: 800; }

.cortex-progress {
  width:100%; height:12px; border-radius:999px; overflow:hidden;
  background: rgba(255,255,255,.07);
}
.cortex-progress > span {
  display:block; height:100%;
  background: linear-gradient(90deg, var(--cortex-primary), var(--cortex-primary-2));
  border-radius:999px;
}

.cortex-level-list { display:grid; gap:14px; }
.cortex-level-item { display:grid; gap:8px; }

.cortex-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(78,162,255,.25);
  background: linear-gradient(180deg, rgba(78,162,255,.2), rgba(78,162,255,.1));
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.cortex-btn--ghost {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.08);
  color: var(--cortex-text);
}

.cortex-badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(78,162,255,.13);
  color: var(--cortex-primary-2);
  font-size: .78rem;
  border: 1px solid rgba(78,162,255,.2);
}

.cortex-course-card {
  padding: 18px;
  display:grid;
  gap:12px;
}
.cortex-course-cover {
  width:100%; aspect-ratio: 16/9; border-radius: 14px;
  background: linear-gradient(135deg, rgba(78,162,255,.18), rgba(255,255,255,.05));
  display:flex; align-items:flex-end; padding:16px;
  font-weight:800;
}
.cortex-course-meta { color: var(--cortex-muted); font-size: .9rem; display:flex; justify-content:space-between; gap:8px; }

.cortex-table-wrap { overflow:auto; }
.cortex-table {
  width:100%; border-collapse: collapse;
}
.cortex-table th, .cortex-table td {
  padding: 12px 10px; border-bottom:1px solid rgba(255,255,255,.07); text-align:left;
}
.cortex-table th { color:#fff; font-size:.88rem; }
.cortex-table td { color: var(--cortex-muted); font-size:.94rem; }

.cortex-form-row { display:grid; gap:8px; margin-bottom:16px; }
.cortex-form-row label { font-size:.92rem; color:#fff; }
.cortex-form-row input, .cortex-form-row select, .cortex-form-row textarea {
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color: #fff;
  border-radius: 12px;
  padding: 12px 14px;
  width:100%;
}
.cortex-muted { color: var(--cortex-muted); }
.cortex-stack { display:grid; gap:18px; }

@media (max-width: 900px) {
  .cortex-grid-2, .cortex-grid-3 { grid-template-columns: 1fr; }
  .cortex-site-header, .cortex-site-footer { padding: 18px 16px; }
  .cortex-page { width:min(100% - 20px, 1240px); }
}