/* ============================================================
   educacao-hub.css — Layout da página hub /educacao/
   Depende de: base.css, theme.css
   Substitui: assets/css/pages/educacao.css
   ============================================================ */

/* HERO */
.page-hero{padding:8rem 2.5rem 4rem;max-width:1200px;margin:0 auto;}
.page-eyebrow{display:inline-flex;align-items:center;gap:0.6rem;font-size:0.72rem;letter-spacing:2.4px;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:1.5rem;}
.page-eyebrow::before{content:'';width:28px;height:1px;background:var(--green);}
.page-hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1.05;letter-spacing:-1.5px;margin-bottom:1rem;}
.page-hero h1 em{color:var(--green);font-style:italic;}
.page-hero p{color:var(--muted-1);font-size:1rem;font-weight:300;max-width:520px;line-height:1.75;}

/* STATS */
.hub-stats{display:flex;gap:2.5rem;margin-top:2.5rem;flex-wrap:wrap;}
.hub-stat-item{display:flex;flex-direction:column;gap:0.2rem;}
.hub-stat-num{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--green);line-height:1;}
.hub-stat-label{font-size:0.75rem;color:var(--muted-2);letter-spacing:0.5px;}

/* FILTROS */
.hub-filters{max-width:1200px;margin:0 auto;padding:0 2.5rem 2.5rem;}
.filter-wrap{display:flex;gap:0.65rem;flex-wrap:wrap;}
.filter-btn{font-family:var(--font-body);font-size:0.78rem;font-weight:600;padding:0.45rem 1rem;border-radius:999px;border:1px solid var(--muted-3);background:transparent;color:var(--muted-2);cursor:pointer;transition:all 0.2s;letter-spacing:0.3px;}
.filter-btn:hover{border-color:var(--muted-2);color:var(--white);}
.filter-btn.active{background:var(--green-soft);border-color:var(--green-border);color:var(--green);}

/* GRID DE ARTIGOS */
.hub-grid-wrap{max-width:1200px;margin:0 auto;padding:0 2.5rem 6rem;}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}

.card-category{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:1rem;}
.card-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0;}
.card-quote{margin-top:1.25rem;padding-left:0.9rem;border-left:2px solid var(--green);color:var(--muted-2);font-size:0.82rem;font-style:italic;line-height:1.6;}
.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--muted-3);}
.card-meta{font-size:0.7rem;color:var(--muted-2);display:flex;align-items:center;gap:0.45rem;}
.card-meta span{color:var(--muted-3);}
.card-level{font-size:0.65rem;font-weight:600;padding:0.2rem 0.55rem;border-radius:999px;}
.card-level.iniciante{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);}
.card-level.intermediario{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-border);}
.card-level.avancado{color:#4488CC;background:rgba(68,136,204,0.10);border:1px solid rgba(68,136,204,0.28);}
.card-read{font-size:0.78rem;color:var(--green);font-weight:600;display:flex;align-items:center;gap:0.3rem;transition:gap 0.2s;}

.hub-empty{display:none;grid-column:span 3;text-align:center;padding:3rem 1rem;color:var(--muted-2);}
.hub-empty p{font-size:0.95rem;}

/* CTA BOTTOM */
.hub-cta{max-width:1200px;margin:0 auto 6rem;padding:0 2.5rem;}
.hub-cta-inner{background:linear-gradient(135deg,#0E1F15,#0A1410);border:1px solid var(--green-border);border-radius:20px;padding:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.hub-cta-inner h3{font-family:var(--font-display);font-size:1.6rem;line-height:1.1;letter-spacing:-0.5px;margin-bottom:0.5rem;color:var(--white);}
.hub-cta-inner p{color:var(--muted-1);font-size:0.9rem;line-height:1.6;}

/* LIGHT MODE */
html.light-mode .hub-card,html[data-theme="light"] .hub-card{background:#fff;}
html.light-mode .hub-card p,html[data-theme="light"] .hub-card p{color:rgba(19,32,25,0.68);}
html.light-mode .hub-cta-inner,html[data-theme="light"] .hub-cta-inner{background:linear-gradient(135deg,#D6EFE0,#E8F5EC);border-color:rgba(0,200,83,0.35);}
html.light-mode .hub-cta-inner h3,html[data-theme="light"] .hub-cta-inner h3{color:#0A1F12;}
html.light-mode .hub-cta-inner p,html[data-theme="light"] .hub-cta-inner p{color:rgba(10,31,18,0.65);}

@media(max-width:1024px){.hub-grid{grid-template-columns:repeat(2,1fr);}.hub-card.featured{grid-column:span 2;}.hub-empty{grid-column:span 2;}}
@media(max-width:768px){
  .page-hero,.hub-filters,.hub-grid-wrap,.hub-cta{padding-left:1.25rem;padding-right:1.25rem;}
  .hub-grid{grid-template-columns:1fr;}.hub-card.featured{grid-column:span 1;}
  .hub-empty{grid-column:span 1;}
  .hub-cta-inner{flex-direction:column;align-items:flex-start;}
  .btn-primary{width:100%;justify-content:center;}
}

/* ── BUSCA ─────────────────────────────────────────────── */

/* ── ABAS ───────────────────────────────────────────────── */

/* ── VER MAIS ───────────────────────────────────────────── */

/* LIGHT MODE */

@media(max-width:768px){
}