/* ============================================================
   NA MIDIA / ARTIGOS DE OPINIAO - Amazonia 2030 (preview)
   .n1 lista editorial | .n2 cartoes | .n3 linha do tempo | .n4 mural
   ============================================================ */

.mid .md-bloco{background:#fff}
.mid [hidden]{display:none !important}

/* ---------- ferramentas (anos + busca + contagem) ---------- */
.md-ferramentas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:0 0 clamp(26px,3vw,44px);padding-bottom:18px;border-bottom:1px solid var(--linha)}
.md-anos{display:flex;flex-wrap:wrap;gap:7px}
.md-ano{display:inline-block;font-family:var(--f-tit);font-size:var(--t-corpo-xs);font-weight:600;color:var(--texto);background:#F4F6F3;border:1px solid var(--linha);border-radius:999px;padding:7px 16px;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
.md-ano:hover{background:var(--verde-claro);color:var(--verde-esc);border-color:#CFE3CB}
.md-ano.atual{background:var(--menu-ativo);border-color:var(--menu-ativo);color:#fff}
.md-form{position:relative;flex:1 1 260px;min-width:0;max-width:420px;margin-left:auto}
.md-busca{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--linha-2);border-radius:999px;padding:9px 14px;transition:border-color .18s,box-shadow .18s}
.md-busca:focus-within{border-color:var(--verde-esc);box-shadow:0 0 0 3px rgba(63,122,60,.13)}
.md-busca svg{width:16px;height:16px;flex:0 0 auto;color:var(--texto-sec)}
.md-input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;font-family:var(--f-txt);font-size:var(--t-corpo-xs);color:var(--titulo)}
.md-input::-webkit-search-cancel-button{display:none}
.md-limpar{flex:0 0 auto;border:0;background:transparent;cursor:pointer;color:var(--texto-sec);font-size:16px;line-height:1;padding:0 2px}
.md-limpar:hover{color:var(--verde-esc)}
.md-conta{flex:0 0 auto;margin:0;font-family:var(--f-txt);font-size:var(--t-corpo-xs);color:var(--texto-sec)}
.md-conta-n{font-family:var(--f-tit);font-weight:700;color:var(--verde-esc)}
.md-vazio{margin:40px 0 0;text-align:center;font-family:var(--f-txt);font-size:var(--t-corpo-s);color:var(--texto-sec)}
@media(max-width:700px){.md-form{margin-left:0;max-width:none;flex-basis:100%}}

/* ---------- lista base ---------- */
.md-lista{list-style:none;margin:0;padding:0}
.md-veiculo{font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--verde-esc)}
.md-data{font-family:var(--f-txt);font-size:var(--t-corpo-xs);color:var(--texto-sec);font-variant-numeric:tabular-nums}
.md-titulo{display:block;font-family:var(--f-tit);font-size:var(--t-bloco);line-height:1.4;color:var(--titulo);text-decoration:none;transition:color .18s}
.md-titulo:hover{color:var(--verde-esc)}
.md-seta{display:inline-block;margin-left:7px;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;color:var(--verde-esc)}
.md-item:hover .md-seta{opacity:1;transform:none}

/* ============================================================
   N1 - lista editorial
   ============================================================ */
.n1 .md-item{display:grid;grid-template-columns:210px 1fr;gap:8px 26px;align-items:baseline;padding:20px 0;border-top:1px solid var(--linha)}
.n1 .md-lista .md-item:last-child{border-bottom:1px solid var(--linha)}
.n1 .md-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
@media(max-width:760px){.n1 .md-item{grid-template-columns:1fr;gap:6px}.n1 .md-meta{flex-direction:row;gap:10px;align-items:center}}

/* ============================================================
   N2 - cartoes em grade
   ============================================================ */
.n2 .md-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.n2 .md-item{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:22px;box-shadow:var(--sombra-s);transition:transform .2s,box-shadow .2s}
.n2 .md-item:hover{transform:translateY(-3px);box-shadow:var(--sombra-m)}
.n2 .md-titulo{font-size:var(--t-card)}
.n2 .md-rodape{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--linha)}
.n2 .md-ler{font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.1em;text-transform:uppercase;color:var(--verde-esc);text-decoration:none}
@media(max-width:1000px){.n2 .md-lista{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.n2 .md-lista{grid-template-columns:1fr}}

/* ============================================================
   N3 - linha do tempo por mes
   ============================================================ */
.n3 .md-grupo{display:grid;grid-template-columns:180px 1fr;gap:0 30px;align-items:start}
.n3 .md-mes{position:sticky;top:96px;font-family:var(--f-tit);font-size:var(--t-bloco);color:var(--verde-esc);padding:22px 0 0;margin:0}
.n3 .md-trilho{position:relative;padding:0 0 0 26px;border-left:1px solid var(--linha)}
.n3 .md-item{position:relative;padding:20px 0}
.n3 .md-item::before{content:'';position:absolute;left:-31px;top:27px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--menu-ativo)}
.n3 .md-cab{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px}
.n3 .md-cab::after{content:'';flex:1 1 auto;height:1px;background:var(--linha)}
@media(max-width:860px){.n3 .md-grupo{grid-template-columns:1fr;gap:0}.n3 .md-mes{position:static;padding:26px 0 6px}}

/* ============================================================
   N4 - mural em duas colunas
   ============================================================ */
.n4 .md-lista{columns:2;column-gap:clamp(26px,3vw,52px)}
.n4 .md-item{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:block;margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--linha)}
.n4 .md-tag{display:inline-block;font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--verde-esc);border-radius:4px;padding:4px 9px;margin-bottom:9px}
.n4 .md-titulo{font-size:calc(var(--t-bloco) + .06rem);line-height:1.35}
.n4 .md-data{display:block;margin-top:8px}
@media(max-width:860px){.n4 .md-lista{columns:1}}

/* ============================================================
   PAGINA DE ESCOLHA
   ============================================================ */
.nx .md-escolha{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.md-op{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:24px;text-decoration:none;box-shadow:var(--sombra-s);transition:transform .2s,box-shadow .2s}
.md-op:hover{transform:translateY(-3px);box-shadow:var(--sombra-m)}
.md-op-n{font-family:var(--f-tit);font-size:var(--t-bloco);color:var(--titulo)}
.md-op-d{font-family:var(--f-txt);font-size:var(--t-corpo-xs);line-height:1.6;color:var(--texto)}
.md-op-l{margin-top:6px;font-family:var(--f-tit);font-size:var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--verde-esc)}
@media(max-width:760px){.nx .md-escolha{grid-template-columns:1fr}}