/* ENEM — override de identidade visual sobre acervo-core.css
   Substitui --gold (cor dos cards e títulos) pelo azul MEC/INEP.      */
#acervo-root{
  --gold:  #0e3375;   /* azul escuro ENEM — label dos cards e títulos  */
  --gold2: #ccdaf5;   /* azul claro ENEM — hover e destaque             */
}

/* ── Reutiliza toda a estrutura de acervo-hub.css (UECE) ── */
.fase-bar{background:var(--bg1);border-bottom:1px solid var(--border);padding:10px 0;position:sticky;top:0;z-index:100}
.fase-inner{display:flex;align-items:center;justify-content:center;gap:10px}
.fase-tab{padding:10px 28px;font-size:14px;font-weight:800;color:var(--text2);cursor:pointer;border:1px solid var(--border);border-radius:10px;background:var(--bg3);transition:.2s;font-family:inherit}
.fase-tab:hover{color:var(--gold);border-color:var(--gold2)}
.fase-tab.active{color:var(--ink);background:var(--gold2);border-color:var(--gold2)}
.ac-grid-wrap{padding:40px 0 60px}
.ac-fase-grupo{display:none}
.ac-fase-grupo.active{display:block}
.ac-fase-grupo:only-child{max-width:none;flex:1 1 100%}
.ac-fase-grupo-titulo{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.ac-edicao-card{display:block;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;text-decoration:none;color:inherit;transition:.2s;box-shadow:0 1px 2px rgba(10,26,51,.05)}
.ac-edicao-card:hover{border-color:var(--gold2);transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,26,51,.10)}
.ac-edicao-card .ac-ec-label{font-family:'Playfair Display',serif;font-size:17px;color:var(--gold);margin-bottom:4px}
.ac-edicao-card .ac-ec-sub{font-size:11px;color:var(--text2);line-height:1.35}
.ac-edicao-card--em-breve{opacity:.6;cursor:default;pointer-events:none;border-style:dashed}
.ac-edicao-card--em-breve .ac-ec-label{color:var(--text2)}

@media(min-width:860px){
  .ac-hub-layout .ac-grid-wrap{padding:0}
  .ac-hub-layout .ac-grid-wrap .container{width:auto;margin:0}
  .ac-hub-layout .ac-fase-grupo:only-child .ac-grid{
    grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
    gap:10px
  }
}
@media(max-width:859px){
  .ac-hub-layout{display:block}
}
