/* ====== MV História — Adapter p/ Tema Novo ====== */
:root {
  --mvhn-bg: #f5f6f7;
  --mvhn-card: #fff;
  --mvhn-border: #ececec;
  --mvhn-text: #111827;
  --mvhn-muted: #6b7280;
  --mvhn-brand: #cc0000;
  --mvhn-radius: 16px;
  --mvhn-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.06);
}
.mvhn-archive-wrap{max-width:1100px;margin:0 auto;padding:8px 12px 40px}
.mvhn-section{background:var(--mvhn-card);border:1px solid var(--mvhn-border);border-radius:var(--mvhn-radius);padding:18px 18px 12px;margin:16px 0;box-shadow:var(--mvhn-shadow)}
.mvhn-section h3{margin:0 0 10px;font-size:1.05rem}
.mvhn-decades{display:flex;flex-wrap:wrap;gap:10px}
.mvhn-pill{padding:6px 10px;border-radius:999px;background:#f2f2f3;border:1px solid var(--mvhn-border);font-size:.85rem;color:#111}
.mvhn-pill:hover{background:#ececec}
.mvhn-cards{display:grid;gap:16px}
@media (min-width:720px){.mvhn-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.mvhn-cards{grid-template-columns:repeat(3,1fr)}}
.mvhn-card{display:flex;flex-direction:column;background:var(--mvhn-card);border:1px solid var(--mvhn-border);
  border-radius:var(--mvhn-radius);overflow:hidden;box-shadow:var(--mvhn-shadow);transition:transform .15s ease, box-shadow .2s ease}
.mvhn-card:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,0,0,.08)}
.mvhn-thumb{aspect-ratio:16/9;background:#ddd;position:relative}
.mvhn-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mvhn-card h4{font-size:1rem;line-height:1.3;margin:10px 12px 12px}
.mvhn-meta{display:none}
.mvhn-hero{max-width:1100px;margin:0 auto;padding:42px 20px;border-radius:20px;
  background:linear-gradient(180deg,#111 0%,#3a3a3a 55%,#6b7280 100%);color:#fff}
.mvhn-hero .mvhn-hero-inner{max-width:960px;margin:0 auto}
.mvhn-hero h1{font-size:2.3rem;line-height:1.2;margin:0}
.mvhn-hero p{opacity:.85;margin:8px 0 0}
.mvhn-single-wrap{max-width:1100px;margin:18px auto;display:grid;gap:20px;grid-template-columns:260px 1fr}
@media (max-width:980px){.mvhn-single-wrap{grid-template-columns:1fr}}
.mvhn-side{position:sticky;top:84px;height:max-content}
.mvhn-side .mvhn-menu{display:flex;flex-direction:column;gap:10px}
.mvhn-menu a{display:block;padding:12px 16px;border-radius:12px;background:#f7f8f9;border:1px solid var(--mvhn-border);color:#111;text-decoration:none}
.mvhn-menu a.is-active{background:#111;color:#fff;border-color:#111}
.mvhn-menu a:hover{background:#eceff1}
.mvhn-bc{max-width:1100px;margin:10px auto 14px;color:var(--mvhn-muted);font-size:.92rem}
.mvhn-bc ol{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.mvhn-bc li+li:before{content:"/";opacity:.6}
.mvhn-content{background:var(--mvhn-card);border:1px solid var(--mvhn-border);border-radius:var(--mvhn-radius);
  padding:18px;box-shadow:var(--mvhn-shadow)}
.mvhn-content h2,.mvhn-content h3{margin-top:20px}
.mvhn-rel{margin:22px 0 0}
.mvhn-rel h3{margin-bottom:10px}
.mvhn-rel-grid{display:grid;gap:14px}
@media (min-width:720px){.mvhn-rel-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.mvhn-rel-grid{grid-template-columns:repeat(3,1fr)}}
.mvhn-rel a{display:block;background:#f8f8f8;border:1px solid var(--mvhn-border);border-radius:12px;overflow:hidden}
.mvhn-rel img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.mvhn-rel .t{padding:8px 10px;font-size:.95rem}


/* === MVHN v3.7.1 — ajustes single + menu lateral (opção B: fundo cinza) === */

.mvhn-side ul,
.mvhn-side li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mvhn-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
}

.mvhn-menu a {
  display: block;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--mvhn-border);
  background: #f6f6f7;
  color: #111;
  text-decoration: none;
}

.mvhn-menu a.is-active {
  background: #111;
  color: #fff;
  border-color: #111;
}

.mvhn-menu a:hover {
  background: #e5e7eb;
}

.mvhn-single-wrap {
  max-width: 1100px;
  margin: 20px auto 40px;
  display: grid;
  gap: 24px;
  grid-template-columns: 240px minmax(0, 1fr);
}

@media (max-width: 980px) {
  .mvhn-single-wrap {
    grid-template-columns: 1fr;
  }
  .mvhn-side {
    position: static;
  }
}

.mvhn-content {
  max-width: none;
  margin-top: 6px;
}

.mvhn-content p,
.mvhn-content ul,
.mvhn-content ol {
  max-width: 68ch;
}

.mvhn-hero {
  margin-bottom: 12px;
}

.mvhn-bc {
  margin-bottom: 14px;
}


/* === MVHN v3.7.3 — ajustes de archive + override forte da largura da single === */

/* Archive grid wrapper */
.mvhn-grid {
  max-width: 1100px;
  margin: 0 auto 40px;
  padding: 8px 12px 40px;
}

/* Caixas de seções no archive (timeline, destaques, todos os capítulos) */
.mvhn-box {
  background: var(--mvhn-card);
  border: 1px solid var(--mvhn-border);
  border-radius: var(--mvhn-radius);
  padding: 18px 18px 14px;
  box-shadow: var(--mvhn-shadow);
  margin-bottom: 18px;
}

.mvhn-box h2 {
  margin: 0 0 12px;
  font-size: 1.1rem;
}

/* Grid de cards no archive */
.mvhn-cards.grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 720px) {
  .mvhn-cards.grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (min-width: 1024px) {
  .mvhn-cards.grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

.mvhn-card {
  background: var(--mvhn-card);
  border-radius: 16px;
  border: 1px solid var(--mvhn-border);
  overflow: hidden;
  box-shadow: var(--mvhn-shadow);
  transition: transform .15s ease, box-shadow .2s ease;
}

.mvhn-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0,0,0,.09);
}

.mvhn-card-body {
  padding: 10px 12px 12px;
}

.mvhn-card-title {
  font-size: 0.98rem;
  line-height: 1.35;
  margin: 0;
  color: var(--mvhn-text);
}

.mvhn-card-title a {
  color: inherit;
  text-decoration: none;
}

.mvhn-card-title a:hover {
  text-decoration: underline;
}

/* Single: garantir que o conteúdo não fique espremido por CSS do tema */
.mvhn-single-wrap .mvhn-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.mvhn-single-wrap .mvhn-content p,
.mvhn-single-wrap .mvhn-content ul,
.mvhn-single-wrap .mvhn-content ol {
  max-width: 68ch;
}


/* === MVHN v3.7.4 — ajuste fino de alinhamento da single === */

.mvhn-single-wrap {
  max-width: 1100px;
  margin: 20px auto 40px;
  display: grid;
  gap: 24px;
  grid-template-columns: 260px 1fr;
  align-items: flex-start;
}

.mvhn-single-wrap .mvhn-content {
  margin-left: 10px;
}

.mvhn-hero {
  margin-bottom: 6px;
}

.mvhn-bc {
  margin-bottom: 8px;
}