/* ==========================================================================
   Bíblia Web — camada editorial comum a todas as páginas (out/2026)
   --------------------------------------------------------------------------
   Leva para o site inteiro a identidade da home: serifa nos títulos, o dourado
   das pinturas, o pergaminho nas áreas claras e o azul-noite nas faixas escuras.
   Carregada em todas as páginas depois de bw.css (a home ainda carrega home.css).
   ========================================================================== */

.bw2 {
  --h-ouro: #85590f;          /* 6,1:1 sobre branco */
  --h-ouro-claro: #e2b867;
  --h-noite: #121b2f;
  --h-noite-2: #1c2943;
  --h-pergaminho: #f7f2e8;
  --h-pergaminho-2: #efe6d4;
  --h-raio: 16px;
}

/* Faixa quente no topo das páginas internas (atrás da migalha e do título) */
.bw2:not(:has(.bw-home-v2)) .body-content {
  background:
    radial-gradient(800px 260px at 85% 0%, rgba(226, 184, 103, .16), transparent 70%),
    linear-gradient(180deg, var(--h-pergaminho) 0, rgba(247, 242, 232, 0) 380px);
}

/* Títulos: serifa, à esquerda, marinho (o CSS antigo centralizava em sans) */
.bw2 .conteudo_box > h1, .bw2 .conteudo_box > header h1, .bw2 .conteudo_box .livro_titulos h1,
.bw2 .bw-pagina h1, .bw2 .conteudo_box > div > h1 {
  font-family: var(--bw-serif); text-align: left; color: var(--bw-marinho);
  font-size: clamp(30px, 4.2vw, 42px); line-height: 1.12; letter-spacing: -.015em; margin: 4px 0 12px; padding: 0;
}
.bw2 .livro_titulos h2 {
  font-family: var(--bw-sans); text-align: left; font-size: 18px; font-weight: 500; color: var(--bw-texto-2); letter-spacing: 0;
}
.bw2 .conteudo_box h2:not([class]), .bw2 .conteudo_box h3.bw-sec {
  font-family: var(--bw-serif); color: var(--bw-marinho); letter-spacing: -.01em;
}
.bw2 .sobretitulo, .bw2 .bw-sobretitulo {
  font-family: var(--bw-sans); font-size: 12.5px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--h-ouro); margin: 0 0 6px; padding: 0;
}

/* Migalhas */
.bw2 .migalha-de-pao { height: auto; margin: 0 0 14px; padding-top: 4px; }
.bw2 .migalha-lista { flex-wrap: wrap; row-gap: 2px; font-size: 13px; }
.bw2 .migalha-link { color: var(--bw-texto-3); padding: 0 4px; }
.bw2 .migalha-link:hover { color: var(--bw-azul); text-decoration: underline; }
.bw2 .migalha-nlink { color: var(--h-ouro); font-weight: 600; padding: 0 4px; }
.bw2 .migalha-item:not(:last-child)::after { content: '›'; padding-left: 4px; color: #c9b88f; }
.bw2 .migalha-item:first-child .migalha-link { padding-left: 0; }

/* Lateral: a newsletter vira um cartão editorial */
.bw2 .conteudo_menu { padding-top: 8px; }
.bw2 .newsletter-box.bw-news {
  position: relative; text-align: left; margin: 0 0 24px; padding: 24px 22px 20px; border-radius: var(--h-raio);
  background: radial-gradient(400px 200px at 100% 0%, rgba(226, 184, 103, .22), transparent 70%), var(--h-noite);
  color: #fff; box-shadow: 0 16px 36px rgba(18, 27, 47, .18); font-family: var(--bw-sans);
}
.bw2 .newsletter-box.bw-news p.bw-news-selo { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--h-ouro-claro); margin: 0 0 8px; padding: 0; }
.bw2 .bw-news h3 { font-family: var(--bw-serif); font-size: 23px; line-height: 1.2; color: #fff; margin: 0 0 8px; padding: 0; text-align: left; }
.bw2 .bw-news .bw-news-texto { font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .78); margin: 0 0 16px; padding: 0; }
.bw2 .bw-news .bw-news-campo { display: block; }
.bw2 .bw-news .newsletter-email {
  width: 100%; height: 46px; padding: 0 14px; margin: 0 0 10px; box-sizing: border-box; border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .08); color: #fff; font-size: 16px;
}
.bw2 .bw-news .newsletter-email::placeholder { color: rgba(255, 255, 255, .55); }
.bw2 .bw-news .newsletter-email:focus { outline: 2px solid var(--h-ouro-claro); outline-offset: 1px; }
.bw2 .bw-news .newsletter-submit {
  width: 100%; height: 46px; margin: 0 0 10px; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--h-ouro-claro); color: var(--h-noite); font-size: 15.5px; font-weight: 700;
}
.bw2 .bw-news .newsletter-submit:hover { background: #f0cd86; }
.bw2 .bw-news .newsletter-disclaimer { font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, .55); margin: 0; padding: 0; }
.bw2 .bw-news h3 + p, .bw2 .bw-news h3 { text-align: left; }
/* na home a newsletter fica centralizada no fim, mais estreita */
.bw-home-newsletter .bw-news { margin: 0 auto; }

/* --------------------------------------------------------------------------
   Rodapé editorial
   -------------------------------------------------------------------------- */
.bw2 .footer.bw-rodape {
  display: block; padding: 0; background: radial-gradient(900px 300px at 15% 0%, rgba(226, 184, 103, .10), transparent 70%), var(--h-noite); color: rgba(255, 255, 255, .78);
}
.bw-rodape-interno { max-width: 1080px; margin: 0 auto; padding: 56px 20px 36px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); gap: 40px; box-sizing: border-box; }
.bw2 .bw-rodape-logo { font-family: var(--bw-serif); font-size: 28px; font-weight: 700; color: #fff; margin: 0 0 10px; padding: 0; }
.bw-rodape-logo span { color: var(--h-ouro-claro); }
.bw2 .bw-rodape-marca p:not(.bw-rodape-logo) { font-size: 14.5px; line-height: 1.6; color: rgba(255, 255, 255, .7); margin: 0; padding: 0; max-width: 22em; }
.bw-rodape-colunas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.bw2 .bw-rodape-colunas h2 { font-family: var(--bw-sans); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--h-ouro-claro); margin: 0 0 12px; padding: 0; }
.bw-rodape-colunas ul { list-style: none; margin: 0; padding: 0; }
.bw-rodape-colunas li { margin: 0 0 9px; font-size: 14.5px; line-height: 1.4; color: rgba(255, 255, 255, .45); }
.bw2 .bw-rodape-colunas a { color: rgba(255, 255, 255, .82); text-decoration: none; font-size: 14.5px; }
.bw2 .bw-rodape-colunas a:hover { color: #fff; text-decoration: underline; }
.bw-rodape-legal { border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 20px; text-align: center; font-size: 12.5px; color: rgba(255, 255, 255, .5); }
.bw-rodape-legal b { color: rgba(255, 255, 255, .8); }
@media (max-width: 900px) {
  .bw-rodape-interno { grid-template-columns: 1fr; gap: 28px; padding: 40px 20px 28px; }
  .bw-rodape-colunas { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
}

/* --------------------------------------------------------------------------
   Peças editoriais reutilizáveis nas páginas internas
   -------------------------------------------------------------------------- */
/* cabeçalho de página: sobretítulo + título serifado + introdução */
.bw-cabecalho { margin: 0 0 24px; }
.bw2 .bw-cabecalho h1 { font-family: var(--bw-serif); text-align: left; font-size: clamp(30px, 4.4vw, 44px); line-height: 1.1; color: var(--bw-marinho); margin: 0 0 12px; padding: 0; letter-spacing: -.015em; }
.bw2 .bw-cabecalho .bw-intro { font-size: 17px; line-height: 1.65; color: var(--bw-texto-2); margin: 0; padding: 0; max-width: 40em; }
.bw2 .bw-cabecalho .bw-intro p { padding: 0 0 10px; margin: 0; }

/* título de seção serifado com sobretítulo */
.bw2 .bw-titulo-secao { font-family: var(--bw-serif); font-size: clamp(22px, 2.6vw, 28px); line-height: 1.2; color: var(--bw-marinho); margin: 0 0 14px; padding: 0; letter-spacing: -.01em; text-align: left; }

/* cartão com imagem (estudos ligados a um livro, capítulo, versículo, tema) */
.bw-cartao-estudo { display: grid; grid-template-columns: 200px 1fr; gap: 20px; align-items: center; padding: 14px; border-radius: var(--h-raio); background: var(--bw-branco); box-shadow: 0 10px 28px rgba(18, 27, 47, .08), inset 0 0 0 1px var(--bw-borda); text-decoration: none !important; color: var(--bw-texto); }
.bw-cartao-estudo img { width: 200px; height: 130px; object-fit: cover; border-radius: 12px; }
.bw-cartao-estudo .bw-sobretitulo { margin-bottom: 4px; }
.bw-cartao-estudo strong { display: block; font-family: var(--bw-serif); font-size: 21px; line-height: 1.25; color: var(--bw-marinho); margin-bottom: 6px; }
.bw-cartao-estudo span.resumo { display: block; font-size: 14.5px; line-height: 1.5; color: var(--bw-texto-2); }
.bw-cartao-estudo:hover strong { color: var(--bw-azul); text-decoration: underline; }
@media (max-width: 560px) {
  .bw-cartao-estudo { grid-template-columns: 1fr; gap: 12px; }
  .bw-cartao-estudo img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
}
.bw-cartoes-estudo { display: grid; gap: 12px; }

/* --------------------------------------------------------------------------
   Página do livro
   -------------------------------------------------------------------------- */
.bw-livro-titulo { display: flex; align-items: center; gap: 16px; }
.bw-livro-titulo img { flex: none; width: 56px; height: 56px; padding: 10px; border-radius: 14px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); opacity: .9; }
.bw2 .bw-livro-cabecalho h1 { margin-bottom: 2px; }
.bw2 .bw-livro-sub { font-family: var(--bw-serif); font-style: italic; font-size: 19px; color: var(--bw-texto-2); margin: 0; padding: 0; }
.bw-livro-numeros { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 18px 0 14px; padding: 14px 0 0; border-top: 1px solid var(--h-pergaminho-2); }
.bw-livro-numeros li { font-size: 14.5px; color: var(--bw-texto-2); }
.bw-livro-numeros b { font-family: var(--bw-serif); font-size: 21px; color: var(--bw-marinho); margin-right: 2px; }
.bw-livro-cabecalho .bw-intro { font-size: 15.5px; }
.bw-livro-secao { margin-top: 36px; }
.bw2 .bw-livro-legenda { display: flex; align-items: center; gap: 6px; margin: -6px 0 12px; padding: 0; font-size: 13px; }
.bw-livro-legenda .ponto, .bw-livro-capitulos a.com-estudo::after { width: 7px; height: 7px; border-radius: 50%; background: var(--h-ouro-claro); box-shadow: 0 0 0 1.5px var(--h-ouro); }
.bw-livro-legenda .ponto { display: inline-block; }
.bw-livro-capitulos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); gap: 6px; }
.bw-livro-capitulos a {
  position: relative; display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 10px;
  background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); color: var(--bw-marinho); font-weight: 600; font-size: 16px; text-decoration: none;
  transition: background var(--bw-transicao), box-shadow var(--bw-transicao);
}
.bw-livro-capitulos a:hover { background: var(--bw-azul-50); box-shadow: inset 0 0 0 1.5px var(--bw-azul-vivo); }
.bw-livro-capitulos a.com-estudo::after { content: ""; position: absolute; top: 6px; right: 6px; }
.bw-livro-estudos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
@media (max-width: 640px) { .bw-livro-estudos { grid-template-columns: 1fr; } }
.bw-livro-estudos a { display: grid; grid-template-columns: 112px 1fr; gap: 14px; align-items: center; padding: 8px; margin: 0 -8px; border-radius: 12px; text-decoration: none; color: var(--bw-texto); }
.bw-livro-estudos a:hover { background: var(--bw-branco); box-shadow: 0 8px 22px rgba(18, 27, 47, .07); }
.bw-livro-estudos img, .bw-livro-estudos .sem-imagem { width: 112px; height: 76px; object-fit: cover; border-radius: 10px; background: var(--h-pergaminho-2); display: block; }
.bw-livro-estudos strong { display: block; margin: 3px 0; font-family: var(--bw-serif); font-size: 17px; line-height: 1.25; color: var(--bw-marinho); }
.bw-livro-estudos a:hover strong { color: var(--bw-azul); text-decoration: underline; }
.bw-livro-estudos .bw-meta { font-size: 13px; }
.bw-livro-personagens { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.bw-livro-personagens a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); text-decoration: none; }
.bw-livro-personagens a:hover { box-shadow: inset 0 0 0 1.5px var(--bw-azul-200); }
.bw-livro-personagens img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; }
.bw-livro-personagens strong { display: block; font-size: 15px; color: var(--bw-marinho); }
.bw-livro-personagens small { font-size: 12.5px; color: var(--bw-texto-3); }
.bw-livro-vizinhos { display: flex; justify-content: space-between; gap: 12px; margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--bw-borda); }
.bw-livro-vizinhos a { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-radius: 12px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); text-decoration: none; font-family: var(--bw-serif); font-size: 18px; font-weight: 700; color: var(--bw-marinho); }
.bw-livro-vizinhos a.proximo { text-align: right; }
.bw-livro-vizinhos small { font-family: var(--bw-sans); font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--bw-texto-3); }
.bw-livro-vizinhos a:hover { box-shadow: inset 0 0 0 1.5px var(--bw-azul-vivo); }

/* --------------------------------------------------------------------------
   Página de capítulo: leitura em serifa, números em dourado, perícopes editoriais
   -------------------------------------------------------------------------- */
.bw-cap-cabecalho { margin-bottom: 6px; }
.bw2 .bw-cap-cabecalho h1 { margin: 2px 0 6px; font-size: clamp(34px, 5vw, 48px); }
.bw2 .bw-cap-posicao { font-size: 14.5px; color: var(--bw-texto-3); margin: 0; padding: 0; }
.bw2 .bw-cap-posicao a { color: var(--bw-azul); }
.bw2 p.subtitulo.bw-cap-versao { text-align: left; padding: 12px 0 4px; }
.bw-cap-estudo { margin: 14px 0 22px; }
.bw2 .conteudo_box .versiculo, .bw2 .conteudo_box .versiculo.impar, .bw2 .conteudo_box .versiculo.par {
  background: transparent; border-radius: 10px; padding: 6px 44px 6px 34px; margin: 0 -10px 2px;
}
.bw2 .conteudo_box .versiculo:hover { background: rgba(255, 255, 255, .8); box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); }
.bw2 .conteudo_box .numero-versiculo { top: 11px; left: 10px; color: var(--h-ouro); font-family: var(--bw-sans); font-size: 12.5px; font-weight: 700; }
.bw2 .conteudo_box .texto-versiculo { padding-left: 0; font-family: var(--bw-serif); font-size: 20px; line-height: 1.75; color: var(--bw-texto); }
.bw2 .conteudo_box h2.titulo-versiculo {
  text-align: left; font-family: var(--bw-serif); font-size: 21px; color: var(--bw-marinho);
  margin: 30px 0 10px; padding: 0 0 8px; border-bottom: 1px solid var(--h-pergaminho-2); position: relative;
}
.bw2 .conteudo_box h2.titulo-versiculo::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 48px; height: 2px; background: var(--h-ouro-claro); }
.bw2 .navegacao-capitulo { background: transparent; padding: 18px 0 0; border-top: 1px solid var(--bw-borda); margin-top: 28px; border-radius: 0; }
.bw2 .navegacao-capitulo .botao-nav {
  min-height: 48px; padding: 0 20px; border-radius: 12px; background: var(--bw-marinho); color: #fff; box-shadow: none; font-size: 15px;
}
.bw2 .navegacao-capitulo .botao-nav img { filter: brightness(0) invert(1); }
.bw2 .navegacao-capitulo .botao-nav:hover { background: var(--bw-azul); }
.bw2 .navegacao-capitulo .botao-nav.anterior { background: var(--bw-branco); color: var(--bw-marinho); box-shadow: inset 0 0 0 1.5px var(--bw-borda-2); }
.bw2 .navegacao-capitulo .botao-nav.anterior img { filter: none; }
.bw2 .navegacao-capitulo .capitulo-atual { font-family: var(--bw-serif); color: var(--bw-texto-3); }
/* grade de capítulos da lateral, como na página do livro */
.bw2 .conteudo_menu .capitulos-container { max-width: none; margin: 0 0 24px; padding: 18px; border-radius: var(--h-raio); background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); text-align: left; }
.bw2 .conteudo_menu h2.menucapitulos { font-family: var(--bw-serif); font-size: 19px; color: var(--bw-marinho); margin: 0 0 6px; }
.bw2 .capitulos-grid { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)) !important; gap: 4px !important; }
.bw2 .capitulos-grid .capitulo::before { content: none !important; }
.bw2 .capitulos-grid .capitulo a { padding: 0; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--bw-fundo); color: var(--bw-marinho); font-size: 13.5px; font-weight: 600; }
.bw2 .capitulos-grid .capitulo:hover { background: transparent; }
.bw2 .capitulos-grid .capitulo a:hover { background: var(--bw-azul-50); color: var(--bw-azul); }
.bw2 .capitulos-grid .capitulo a.atual, .bw2 .capitulos-grid .capitulo.atual { background: var(--bw-marinho); color: #fff; border-radius: 8px; }
@media (max-width: 480px) {
  .bw2 .conteudo_box .texto-versiculo { font-size: 18.5px; line-height: 1.72; }
  .bw2 .conteudo_box .versiculo, .bw2 .conteudo_box .versiculo.impar, .bw2 .conteudo_box .versiculo.par { padding: 6px 36px 6px 28px; margin: 0 -6px 2px; }
}

/* --------------------------------------------------------------------------
   Página de versículo: o texto num cartão de pergaminho; títulos em serifa
   -------------------------------------------------------------------------- */
.bw2 .bw-vp-cabecalho .bw-rotulo { color: var(--h-ouro); letter-spacing: .1em; }
.bw2 .bw-vp-cabecalho h1 { font-family: var(--bw-serif); font-size: clamp(32px, 5vw, 46px); letter-spacing: -.015em; }
.bw2 .bw-vp-texto {
  position: relative; margin: 22px 0 10px; padding: 30px 30px 22px 30px; border-radius: var(--h-raio);
  background: radial-gradient(500px 220px at 100% 0%, rgba(226, 184, 103, .18), transparent 70%), #fffdf8;
  box-shadow: 0 14px 34px rgba(18, 27, 47, .08), inset 0 0 0 1px var(--h-pergaminho-2);
}
.bw2 .bw-vp-texto::before { content: "“"; position: absolute; top: 4px; left: 16px; font-family: var(--bw-serif); font-size: 64px; line-height: 1; color: var(--h-ouro-claro); }
.bw2 .bw-vp-texto p { position: relative; padding-left: 18px; }
.bw2 .bw-vp-texto sup { color: var(--h-ouro); }
.bw2 .bw-vp-secao h2 { font-family: var(--bw-serif); font-size: 25px; letter-spacing: -.01em; }
.bw2 .bw-vp-sub { font-family: var(--bw-sans); font-size: 12.5px !important; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro) !important; }
.bw2 .bw-vp-contexto li.atual { background: #fffdf8; box-shadow: inset 3px 0 0 var(--h-ouro-claro), inset 0 0 0 1px var(--h-pergaminho-2); }
.bw2 .bw-vp-versoes .sigla { color: var(--h-ouro); }
@media (max-width: 480px) { .bw2 .bw-vp-texto { padding: 26px 18px 16px; } }

/* --------------------------------------------------------------------------
   Temas (/temas)
   -------------------------------------------------------------------------- */
.bw-temas-secao { margin-top: 30px; }
.bw-temas-curados { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; counter-reset: tema; }
.bw-temas-curados a {
  display: flex; flex-direction: column; gap: 5px; height: 100%; box-sizing: border-box; padding: 16px 16px 15px; border-radius: 14px;
  background: #fffdf9; box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); text-decoration: none; color: var(--bw-texto);
  transition: box-shadow var(--bw-transicao), transform var(--bw-transicao);
}
.bw-temas-curados a::before { counter-increment: tema; content: counter(tema, decimal-leading-zero); font-size: 12px; font-weight: 700; color: var(--h-ouro); }
.bw-temas-curados strong { font-family: var(--bw-serif); font-size: 20px; color: var(--bw-marinho); }
.bw-temas-curados span { font-size: 13.5px; line-height: 1.45; color: var(--bw-texto-2); }
.bw-temas-curados a:hover { box-shadow: inset 0 0 0 1px var(--h-ouro-claro), 0 10px 24px rgba(18, 27, 47, .08); transform: translateY(-2px); }
.bw-temas-letras { display: flex; flex-wrap: wrap; gap: 6px; margin: 30px 0 0; padding: 14px; border-radius: 14px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); }
.bw-temas-letras a, .bw-temas-letras span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 6px; border-radius: 9px; font-weight: 700; font-size: 14.5px; text-decoration: none; box-sizing: border-box; }
.bw-temas-letras a { color: var(--bw-marinho); background: var(--bw-fundo); }
.bw-temas-letras a:hover { background: var(--bw-azul-50); color: var(--bw-azul); }
.bw-temas-letras a[aria-current] { background: var(--bw-marinho); color: #fff; }
.bw-temas-letras a.todos { padding: 0 12px; }
.bw-temas-letras span { color: var(--bw-borda-2); }
.bw-temas-grade { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; }
@media (max-width: 640px) { .bw-temas-grade { grid-template-columns: 1fr 1fr; } }
.bw-temas-grade li { border-bottom: 1px solid var(--bw-borda); }
.bw-temas-grade a { display: flex; align-items: center; min-height: 44px; color: var(--bw-marinho); text-decoration: none; font-size: 15.5px; }
.bw-temas-grade a::before { content: "›"; color: var(--h-ouro-claro); font-weight: 700; margin-right: 8px; }
.bw-temas-grade a:hover { color: var(--bw-azul); text-decoration: underline; }
.bw2 .bw-temas-pagina .pagination { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; list-style: none; padding: 0; margin: 24px 0 0; background: none; }
.bw2 .bw-temas-pagina .pagination li { margin: 0; }
.bw2 .bw-temas-pagina .pagination a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 10px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); color: var(--bw-marinho); text-decoration: none; font-weight: 600; font-size: 14px; border: 0; }
.bw2 .bw-temas-pagina .pagination li.active a, .bw2 .bw-temas-pagina .pagination a:hover { background: var(--bw-marinho); color: #fff; }

/* --------------------------------------------------------------------------
   Página de tema (/tema/<url>)
   -------------------------------------------------------------------------- */
.bw2 .bw-tema-pagina h2 { font-family: var(--bw-serif); text-align: left; font-size: 25px; color: var(--bw-marinho); margin: 34px 0 14px; letter-spacing: -.01em; }
.bw2 .bw-tema-pagina > p { font-size: 16.5px; line-height: 1.7; color: var(--bw-texto-2); }
.bw2 .bw-tema-pagina .tema-resumo, .bw2 .bw-tema-pagina .temas-relacionados, .bw2 .bw-tema-pagina .tema-familia { justify-content: flex-start; }
.bw2 .bw-tema-pagina .container-versiculo-diario {
  position: relative; padding: 26px 26px 18px; margin-bottom: 14px; border: 0; border-radius: var(--h-raio);
  background: radial-gradient(420px 180px at 100% 0%, rgba(226, 184, 103, .14), transparent 70%), #fffdf8;
  box-shadow: 0 10px 28px rgba(18, 27, 47, .06), inset 0 0 0 1px var(--h-pergaminho-2);
}
.bw2 .bw-tema-pagina .citacao { font-style: normal; font-family: var(--bw-serif); font-size: 19.5px; line-height: 1.65; color: var(--bw-texto); margin: 0; padding-left: 26px; }
.bw2 .bw-tema-pagina .icon-citacao { display: none; }
.bw2 .bw-tema-pagina .citacao::before { content: "“"; position: absolute; left: -2px; top: -14px; font-size: 52px; line-height: 1; color: var(--h-ouro-claro); }
.bw2 .bw-tema-pagina .referencia-versiculo { text-align: left; margin: 10px 0 0 26px; font-style: normal; }
.bw2 .bw-tema-pagina .referencia-versiculo a { color: var(--h-ouro); font-weight: 700; font-size: 15px; text-decoration: none; }
.bw2 .bw-tema-pagina .referencia-versiculo a:hover { text-decoration: underline; }
.bw2 .bw-tema-pagina .passagem-comentario { margin-left: 26px; }
.bw2 .bw-tema-pagina .passagem-acoes { justify-content: flex-start; margin: 14px 0 0 26px; border-top-color: var(--h-pergaminho-2); }
.bw2 .bw-tema-pagina .imagem-tema { border-radius: 12px; }
.bw2 .bw-tema-pagina .bw-tema-estude h3 { font-family: var(--bw-sans); font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro); margin: 18px 0 8px; }
@media (max-width: 480px) {
  .bw2 .bw-tema-pagina .container-versiculo-diario { padding: 22px 16px 14px; }
  .bw2 .bw-tema-pagina .citacao { font-size: 18px; padding-left: 20px; }
}

/* --------------------------------------------------------------------------
   Personagens (ficha e enciclopédia)
   -------------------------------------------------------------------------- */
.bw2 .personagem-topo .personagem-nome { font-family: var(--bw-serif); font-size: clamp(36px, 5.4vw, 54px); letter-spacing: -.02em; color: var(--bw-marinho); }
.bw2 .personagem-topo .personagem-subtitulo { font-family: var(--bw-serif); font-style: italic; font-size: 19px; color: var(--bw-texto-2); }
.bw2 .personagem-foto.personagem-retrato { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--h-raio); box-shadow: 0 18px 40px rgba(18, 27, 47, .18); }
.bw2 .personagem-section .section-title, .bw2 .info-card-title, .bw2 .character-info-title {
  font-family: var(--bw-serif); color: var(--bw-marinho); letter-spacing: -.01em; position: relative; padding-bottom: 8px;
}
.bw2 .personagem-section .section-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px; background: var(--h-ouro-claro); }
.bw2 .personagem-info-card { border-radius: var(--h-raio); background: #fffdf8; box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); }
.bw2 .personagem-section .citacao { background: #fffdf8; border-left-color: var(--h-ouro-claro); }
.bw2 .personagem-section .citacao-texto { font-family: var(--bw-serif); }
.bw2 .bw-enc h1, .bw2 .bw-pagina.bw-enc h1 { font-family: var(--bw-serif); }

/* --------------------------------------------------------------------------
   Retratos de personagens (home e enciclopédia) — rolagem lateral no celular
   -------------------------------------------------------------------------- */
.bw-retratos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bw-retratos a { position: relative; display: block; overflow: hidden; border-radius: var(--h-raio); color: #fff; text-decoration: none; aspect-ratio: 4 / 5; background: var(--h-noite-2); isolation: isolate; }
.bw-retratos img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s ease; }
.bw-retratos a::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 50%, rgba(10, 14, 26, .88)); }
.bw-retratos a:hover img { transform: scale(1.05); }
.bw-retrato-texto { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 18px 18px; }
.bw-retratos strong { display: block; font-family: var(--bw-serif); font-size: 24px; line-height: 1.1; }
.bw-retrato-texto > span { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--h-ouro-claro); }
@media (max-width: 980px) {
  .bw-retratos {
    display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin-inline: -16px; padding: 0 16px 8px; scrollbar-width: none;
  }
  .bw-retratos::-webkit-scrollbar { display: none; }
  .bw-retratos li { flex: 0 0 44%; scroll-snap-align: start; }
  .bw-retratos strong { font-size: 20px; }
  .bw-retrato-texto { padding: 12px 12px 14px; }
  .bw-retrato-texto > span { font-size: 11px; }
}
@media (min-width: 600px) and (max-width: 980px) { .bw-retratos li { flex-basis: 30%; } }

/* na enciclopédia os retratos ficam numa faixa de 8, menores */
.bw-enc-destaques { margin: 6px 0 26px; }
@media (min-width: 981px) {
  .bw-enc-destaques .bw-retratos { grid-template-columns: repeat(8, 1fr); gap: 10px; }
  .bw-enc-destaques .bw-retratos strong { font-size: 17px; }
  .bw-enc-destaques .bw-retrato-texto { padding: 10px 10px 12px; }
  .bw-enc-destaques .bw-retrato-texto > span { font-size: 10px; letter-spacing: .05em; }
}

/* Blocos de livros por grupo (home, Antigo e Novo Testamento) */
.bw-grupo-livros {
  --g: var(--bw-marinho);
  margin-bottom: 12px; padding: 14px 14px 14px 18px; border-radius: 14px; background: var(--bw-branco);
  box-shadow: inset 4px 0 0 var(--g), inset 0 0 0 1px var(--bw-borda);
}
/* uma cor discreta por grupo, como as abas de uma Bíblia de estudo */
.bw-grupo-at1 { --g: #85590f; } .bw-grupo-at2 { --g: #1f3e74; } .bw-grupo-at3 { --g: #6b4c9a; }
.bw-grupo-at4 { --g: #9a3d2e; } .bw-grupo-at5 { --g: #2f6f5e; }
.bw-grupo-nt1 { --g: #b3261e; } .bw-grupo-nt2 { --g: #85590f; } .bw-grupo-nt3 { --g: #274ec6; }
.bw-grupo-nt4 { --g: #2f6f5e; } .bw-grupo-nt5 { --g: #6b4c9a; }
.bw2 .bw-grupo-livros h4, .bw2 .bw-grupo-livros h2 {
  display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0;
  font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--g);
}
.bw-grupo-livros h4 span { font-size: 11.5px; font-weight: 700; letter-spacing: 0; color: var(--bw-texto-3); background: var(--bw-fundo); border-radius: 999px; padding: 1px 8px; }
.bw-grupo-livros ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 6px; }
.bw-grupo-livros a {
  display: flex; flex-direction: column; justify-content: center; min-height: 48px; padding: 6px 10px; border-radius: 9px; box-sizing: border-box; height: 100%;
  background: var(--bw-fundo); color: var(--bw-texto); text-decoration: none; transition: background var(--bw-transicao), box-shadow var(--bw-transicao);
}
.bw-grupo-livros b { font-size: 15px; font-weight: 600; line-height: 1.2; color: var(--bw-marinho); }
.bw-grupo-livros small { font-size: 12px; color: var(--bw-texto-3); margin-top: 1px; }
.bw-grupo-livros a:hover { background: var(--bw-azul-50); box-shadow: inset 0 0 0 1.5px var(--g); }
.bw-grupo-livros a:hover b { color: var(--bw-azul); }

/* páginas de testamento: botões maiores, com subtítulo */
.bw-testamento-grupos { margin-top: 22px; }
.bw2 .bw-grupo-livros h2 { font-size: 12.5px !important; font-weight: 800; }
.bw-grupo-livros-detalhe { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; gap: 8px !important; }
.bw-grupo-livros-detalhe a { min-height: 76px; padding: 10px 12px; }
.bw-grupo-livros-detalhe b { font-family: var(--bw-serif); font-size: 18px; }
.bw-grupo-livros-detalhe em { font-style: italic; font-size: 13px; line-height: 1.35; color: var(--bw-texto-2); margin: 2px 0; }
.bw2 .bw-testamento-explica { margin-top: 34px; }
.bw2 .bw-testamento-pagina > p { font-size: 16px; line-height: 1.7; color: var(--bw-texto-2); }
.bw-testamento-outro { display: inline-flex; flex-direction: column; gap: 2px; margin-top: 26px; padding: 14px 18px; border-radius: 14px; background: var(--h-noite); color: #fff !important; text-decoration: none !important; font-family: var(--bw-serif); font-size: 20px; font-weight: 700; }
.bw-testamento-outro small { font-family: var(--bw-sans); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro-claro); font-weight: 700; }

/* Todo <h1> do conteúdo em serifa, à esquerda (páginas institucionais, artigos, listas) */
.bw2 .conteudo h1:not(.personagem-nome) { font-family: var(--bw-serif); text-align: left; color: var(--bw-marinho); letter-spacing: -.015em; }
.bw2 .conteudo article > h1 { font-size: clamp(30px, 4.4vw, 42px); line-height: 1.15; }
.bw2 .conteudo article > h2:first-of-type { font-family: var(--bw-serif); font-style: italic; font-weight: 400; color: var(--bw-texto-2); font-size: 20px; line-height: 1.45; }

/* --------------------------------------------------------------------------
   Versículo do Dia e resultados da busca: cartões de pergaminho
   -------------------------------------------------------------------------- */
.bw2 .conteudo_box .container-versiculo-diario {
  border: 0; border-radius: var(--h-raio); padding: 30px 28px 24px; color: #fff; text-align: center;
  background: radial-gradient(500px 220px at 50% 0%, rgba(226, 184, 103, .2), transparent 70%), var(--h-noite);
  box-shadow: 0 18px 40px rgba(18, 27, 47, .18);
}
.bw2 .conteudo_box .container-versiculo-diario h2 { font-family: var(--bw-sans); font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--h-ouro-claro) !important; text-align: center; margin: 0 0 4px; }
.bw2 .conteudo_box .container-versiculo-diario .citacao, .bw2 .conteudo_box .container-versiculo-diario blockquote {
  font-family: var(--bw-serif); font-style: normal; font-size: clamp(22px, 3vw, 30px); line-height: 1.45; color: #fff; text-align: center; margin: 18px 0 10px; padding: 0;
}
.bw2 .conteudo_box .container-versiculo-diario img[class*="icon"] { display: none; }
.bw2 .conteudo_box .container-versiculo-diario .referencia-versiculo, .bw2 .conteudo_box .container-versiculo-diario .referencia-versiculo a { text-align: center; color: var(--h-ouro-claro); font-weight: 700; font-size: 16px; }
.bw2 .conteudo_box .container-versiculo-diario * { border-color: rgba(255, 255, 255, .12); }
.bw2 .conteudo_box .container-versiculo-diario > p, .bw2 .conteudo_box .container-versiculo-diario > div:not([class*="imagem"]) { color: rgba(255, 255, 255, .8); }
.bw2 .conteudo_box .container-versiculo-diario .bw-botao { background: var(--h-ouro-claro); color: var(--h-noite) !important; }
.bw2 .conteudo_box .container-versiculo-diario .bw-link, .bw2 .conteudo_box .container-versiculo-diario a:not(.bw-botao) { color: var(--h-ouro-claro); }

.bw2 .conteudo_box .container-versiculo, .bw2 .conteudo_box .historico-item, .bw2 .conteudo_box .verso-aleatorio-box {
  border: 0; border-radius: var(--h-raio); background: #fffdf8; box-shadow: 0 8px 22px rgba(18, 27, 47, .05), inset 0 0 0 1px var(--h-pergaminho-2);
}
.bw2 .conteudo_box .container-versiculo .referencia-versiculo a, .bw2 .conteudo_box .historico-referencia, .bw2 .conteudo_box .verso-aleatorio-referencia { color: var(--h-ouro); font-weight: 700; }
.bw2 .conteudo_box .container-versiculo .citacao { font-size: 19px; }

/* celular: nada passa da largura da tela */
@media (max-width: 980px) {
  .bw2 .conteudo_box, .bw2 .conteudo_menu { box-sizing: border-box; min-width: 0; max-width: 100%; }
  .bw2 .relacionados-container { max-width: 100%; box-sizing: border-box; }
}

/* ==========================================================================
   Interior dos artigos e estudos (.bw-artigo = post.tpl). Vale para todos os
   posts, porque todos usam as mesmas caixas de artigos.css.
   ========================================================================== */
.bw2 .bw-artigo article { max-width: 44rem; }
/* corpo: leitura de revista */
.bw2 .bw-artigo article > p, .bw2 .bw-artigo article > ul > li, .bw2 .bw-artigo article > ol > li {
  font-family: var(--bw-serif); font-size: 19px; line-height: 1.78; color: var(--bw-texto);
}
.bw2 .bw-artigo article > p { margin: 0 0 1.05em; padding: 0; }
.bw2 .bw-artigo article p a.bw-ref, .bw2 .bw-artigo article p a { color: var(--bw-azul); text-decoration-color: rgba(39, 78, 198, .35); text-underline-offset: 3px; }
/* abertura: o primeiro parágrafo depois do primeiro intertítulo, maior */
.bw2 .bw-artigo article > h3:first-of-type + p { font-size: 21px; line-height: 1.7; color: var(--bw-texto); }
/* intertítulos */
.bw2 .bw-artigo article > h3, .bw2 .bw-artigo article > h2:not(:first-of-type) {
  position: relative; font-family: var(--bw-serif); font-size: clamp(24px, 2.8vw, 30px); line-height: 1.22; color: var(--bw-marinho);
  letter-spacing: -.012em; margin: 2.1em 0 .7em; padding: 0 0 12px; text-align: left; font-weight: 700;
}
.bw2 .bw-artigo article > h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 52px; height: 3px; border-radius: 3px; background: var(--h-ouro-claro); }
.bw2 .bw-artigo article > hr { border: 0; height: 1px; margin: 2.4em 0 0; background: linear-gradient(90deg, transparent, var(--h-pergaminho-2) 20%, var(--h-pergaminho-2) 80%, transparent); }
.bw2 .bw-artigo article > hr + h3 { margin-top: 1.2em; }
/* imagens */
.bw2 .bw-artigo .estudo-figura { margin: 1.6em 0; }
.bw2 .bw-artigo .estudo-figura img, .bw2 .bw-artigo article > p > img, .bw2 .bw-artigo article img.img-responsive { border-radius: var(--h-raio); box-shadow: 0 18px 40px rgba(18, 27, 47, .14); }

/* citação bíblica: pergaminho com aspas douradas */
.bw2 .bw-artigo .citacao-biblica {
  position: relative; margin: 1.6em 0; padding: 26px 28px 20px 30px; border: 0; border-radius: var(--h-raio);
  background: radial-gradient(420px 180px at 100% 0%, rgba(226, 184, 103, .16), transparent 70%), #fffdf8;
  box-shadow: inset 0 0 0 1px var(--h-pergaminho-2), 0 10px 26px rgba(18, 27, 47, .05);
}
.bw2 .bw-artigo .citacao-biblica::before { content: "“"; position: absolute; top: 2px; left: 12px; font-family: var(--bw-serif); font-size: 60px; line-height: 1; color: var(--h-ouro-claro); }
.bw2 .bw-artigo .citacao-biblica-texto { font-family: var(--bw-serif); font-style: normal; font-size: 20px; line-height: 1.65; color: var(--bw-texto); padding-left: 10px; }
.bw2 .bw-artigo .citacao-biblica-texto::before, .bw2 .bw-artigo .citacao-biblica-texto::after { content: none; }
.bw2 .bw-artigo .citacao-biblica-referencia { margin-top: 10px; padding-left: 10px; text-align: left; font-family: var(--bw-sans); font-style: normal; font-size: 14px; font-weight: 700; color: var(--h-ouro); }
.bw2 .bw-artigo .citacao-biblica-referencia a { color: var(--h-ouro); }

/* versículo-chave: a faixa escura do estudo */
.bw2 .bw-artigo .box-versiculo-destaque {
  margin: 2em 0; padding: 34px 32px 28px; border: 0; border-radius: var(--h-raio); text-align: center; color: #fff;
  background: radial-gradient(520px 220px at 50% 0%, rgba(226, 184, 103, .2), transparent 70%), var(--h-noite);
  box-shadow: 0 18px 40px rgba(18, 27, 47, .2);
}
.bw2 .bw-artigo .box-versiculo-destaque::before { content: "Versículo-chave"; display: block; margin-bottom: 14px; font-family: var(--bw-sans); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--h-ouro-claro); }
.bw2 .bw-artigo .box-versiculo-destaque-texto { font-family: var(--bw-serif); font-style: normal; font-size: clamp(21px, 2.8vw, 26px); line-height: 1.5; color: #fff; }
.bw2 .bw-artigo .box-versiculo-destaque-texto::before, .bw2 .bw-artigo .box-versiculo-destaque-texto::after { content: none; }
.bw2 .bw-artigo .box-versiculo-destaque-referencia { margin-top: 14px; font-family: var(--bw-sans); font-size: 15px; font-weight: 700; color: var(--h-ouro-claro); }
.bw2 .bw-artigo .box-versiculo-destaque-referencia a { color: var(--h-ouro-claro); }

/* caixas de apoio: mesmo desenho, um rótulo e uma cor de acento cada */
.bw2 .bw-artigo .box-nota-historica, .bw2 .bw-artigo .box-significado, .bw2 .bw-artigo .box-curiosidade, .bw2 .bw-artigo .box-info, .bw2 .bw-artigo .box-tip, .bw2 .bw-artigo .box-oracao, .bw2 .bw-artigo .box-alert {
  --acento: var(--h-ouro);
  margin: 1.6em 0; padding: 20px 22px 18px 24px; border: 0; border-radius: 14px; background: var(--bw-branco);
  box-shadow: inset 4px 0 0 var(--acento), inset 0 0 0 1px var(--bw-borda);
}
.bw2 .bw-artigo .box-significado { --acento: #2f6f5e; }
.bw2 .bw-artigo .box-curiosidade { --acento: #6b4c9a; }
.bw2 .bw-artigo .box-oracao { --acento: #274ec6; background: #fbfcff; }
.bw2 .bw-artigo .box-alert { --acento: #b3261e; }
.bw2 .bw-artigo .box-nota-historica-titulo, .bw2 .bw-artigo .box-significado-titulo, .bw2 .bw-artigo .box-curiosidade-titulo, .bw2 .bw-artigo .box-oracao-titulo {
  font-family: var(--bw-serif); font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--bw-marinho); margin: 0 0 8px;
}
.bw2 .bw-artigo .box-nota-historica-titulo::before, .bw2 .bw-artigo .box-significado-titulo::before, .bw2 .bw-artigo .box-curiosidade-titulo::before {
  display: block; margin-bottom: 4px; font-family: var(--bw-sans); font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--acento);
}
.bw2 .bw-artigo .box-nota-historica-titulo::before { content: "Contexto histórico"; }
.bw2 .bw-artigo .box-significado-titulo::before { content: "O que significa"; }
.bw2 .bw-artigo .box-curiosidade-titulo::before { content: "Curiosidade"; }
.bw2 .bw-artigo .box-nota-historica-texto, .bw2 .bw-artigo .box-significado-texto, .bw2 .bw-artigo .box-curiosidade-conteudo, .bw2 .bw-artigo .box-oracao-texto {
  font-family: var(--bw-sans); font-size: 16px; line-height: 1.7; color: var(--bw-texto-2);
}

/* listas destacadas */
.bw2 .bw-artigo .lista-destacada, .bw2 .bw-artigo .lista-destacada-light { margin: 1.6em 0; border: 0; border-radius: 14px; overflow: hidden; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); }
.bw2 .bw-artigo .lista-destacada-header, .bw2 .bw-artigo .lista-destacada-light-header { padding: 14px 22px; background: var(--h-pergaminho); color: var(--bw-marinho); font-family: var(--bw-serif); font-size: 19px; font-weight: 700; border: 0; }
.bw2 .bw-artigo .lista-destacada-content, .bw2 .bw-artigo .lista-destacada-light-content { padding: 8px 22px 14px; }
.bw2 .bw-artigo .lista-destacada-content li, .bw2 .bw-artigo .lista-destacada-light-content li {
  position: relative; padding: 10px 0 10px 22px !important; margin: 0 !important; border-bottom: 1px solid var(--bw-borda); list-style: none !important;
  font-family: var(--bw-sans); font-size: 16px; line-height: 1.6; color: var(--bw-texto-2);
}
.bw2 .bw-artigo .lista-destacada-content li:last-child { border-bottom: 0; }
.bw2 .bw-artigo .lista-destacada-content li::before { content: ""; position: absolute; left: 2px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--h-ouro-claro); box-shadow: 0 0 0 2px #f6ead0; }
.bw2 .bw-artigo .lista-destacada-content li strong { color: var(--bw-marinho); }

/* interpretação: já tem estilo próprio; alinhar à paleta */
.bw2 .bw-artigo .box-interpretacao { border-radius: 14px; }

/* reflexão / conclusão: o fecho do estudo */
.bw2 .bw-artigo .box-reflexao {
  margin: 2.2em 0 1.6em; padding: 28px 28px 24px; border: 0; border-radius: var(--h-raio);
  background: radial-gradient(500px 200px at 0% 0%, rgba(226, 184, 103, .22), transparent 70%), var(--h-pergaminho);
  box-shadow: inset 0 0 0 1px var(--h-pergaminho-2);
}
.bw2 .bw-artigo .box-reflexao-titulo { font-family: var(--bw-serif); font-style: normal; font-size: 24px; font-weight: 700; line-height: 1.25; color: var(--bw-marinho); margin: 0 0 10px; }
.bw2 .bw-artigo .box-reflexao-texto { font-family: var(--bw-serif); font-style: normal; font-size: 18.5px; line-height: 1.72; color: var(--bw-texto); }

/* referências bíblicas do estudo */
.bw2 .bw-artigo .box-referencias { margin: 1.6em 0; padding: 18px 22px; border: 0; border-radius: 14px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); }
.bw2 .bw-artigo .box-referencias-titulo { font-family: var(--bw-sans); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--h-ouro); margin: 0 0 8px; }
.bw2 .bw-artigo .box-referencias ul { margin: 0; padding: 0 !important; }
.bw2 .bw-artigo .box-referencias li { list-style: none !important; padding: 8px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--bw-borda); font-size: 15px; line-height: 1.55; color: var(--bw-texto-2); }
.bw2 .bw-artigo .box-referencias li:last-child { border-bottom: 0; }

/* "Neste estudo": três blocos lado a lado, chips em linha (post.tpl força li em bloco) */
.bw2 .bw-artigo .bw-post-relacoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 24px; padding: 22px 24px; border-radius: var(--h-raio); background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); }
.bw2 .bw-artigo .bw-post-relacoes h3 { grid-row: 1; font-family: var(--bw-sans); font-size: 12px !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--h-ouro) !important; margin: 0 0 8px !important; }
.bw2 .bw-artigo .bw-post-relacoes ul.bw-chips { grid-row: 2; display: flex !important; flex-wrap: wrap; gap: 6px; padding: 0 !important; margin: 0; align-content: flex-start; }
.bw2 .bw-artigo .bw-post-relacoes ul.bw-chips li { display: inline-flex !important; width: auto !important; margin: 0 !important; list-style: none !important; }
.bw2 .bw-artigo .bw-post-relacoes ul.bw-chips a { min-height: 34px; padding: 0 12px; font-size: 14px; }
@media (max-width: 720px) {
  .bw2 .bw-artigo .bw-post-relacoes { grid-template-columns: 1fr; }
  .bw2 .bw-artigo .bw-post-relacoes h3, .bw2 .bw-artigo .bw-post-relacoes ul.bw-chips { grid-row: auto; }
  .bw2 .bw-artigo .bw-post-relacoes ul.bw-chips { margin-bottom: 14px; }
}

/* compartilhar */
.bw2 .bw-artigo .share-buttons { justify-content: flex-start; margin: 2em 0 1em; padding: 16px 0 0; border-top: 1px solid var(--bw-borda); }
.bw2 .bw-artigo .share-btn { min-height: 40px; padding: 0 16px; border-radius: 999px; font-weight: 600; }

/* navegação na série: dois cartões */
.bw2 .bw-artigo .navigation-posts { margin: 36px 0 0; padding: 0; border: 0; background: none; box-shadow: none; }
.bw2 .bw-artigo .navigation-posts h3 { font-family: var(--bw-serif); font-size: 22px; color: var(--bw-marinho); margin: 0 0 12px; padding: 0; border: 0; text-align: left; }
.bw2 .bw-artigo .navigation-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bw2 .bw-artigo .nav-btn {
  display: flex; align-items: center; gap: 12px; min-height: 84px; padding: 14px 18px; border-radius: 14px; box-sizing: border-box; width: 100%;
  background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); color: var(--bw-marinho); text-decoration: none; border: 0;
}
.bw2 .bw-artigo .nav-btn .text { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro); line-height: 1.4; }
.bw2 .bw-artigo .nav-btn .text small { display: block; margin-top: 3px; font-family: var(--bw-serif); font-size: 16.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--bw-marinho); line-height: 1.3; }
.bw2 .bw-artigo .nav-btn.next { justify-content: flex-end; text-align: right; background: var(--h-noite); box-shadow: none; }
.bw2 .bw-artigo .nav-btn.next .text { color: var(--h-ouro-claro); }
.bw2 .bw-artigo .nav-btn.next .text small { color: #fff; }
.bw2 .bw-artigo .nav-btn .nav-arrow { flex: none; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--bw-fundo); }
.bw2 .bw-artigo .nav-btn.next .nav-arrow { background: rgba(255, 255, 255, .1); }
.bw2 .bw-artigo .nav-btn svg { width: 18px; height: 18px; fill: currentColor; }
.bw2 .bw-artigo .nav-btn.next svg { fill: var(--h-ouro-claro); }
.bw2 .bw-artigo a.nav-btn:hover { box-shadow: inset 0 0 0 1.5px var(--bw-azul-vivo); }
.bw2 .bw-artigo a.nav-btn.next:hover { background: var(--h-noite-2); }
.bw2 .bw-artigo .nav-btn.disabled { opacity: .7; }
@media (max-width: 560px) { .bw2 .bw-artigo .navigation-buttons { grid-template-columns: 1fr; } }

/* relacionados e "veja também" */
.bw2 .bw-artigo .related-articles, .bw2 .bw-artigo .veja-tambem { margin: 36px 0 0; padding: 0; border: 0; background: none; box-shadow: none; }
.bw2 .bw-artigo .related-articles h3, .bw2 .bw-artigo .veja-tambem h3 { font-family: var(--bw-serif); font-size: 22px; color: var(--bw-marinho); margin: 0 0 14px; padding: 0; border: 0; text-align: left; }
.bw2 .bw-artigo .related-articles-container { gap: 16px; }
.bw2 .bw-artigo .related-article-item { border-radius: 14px; overflow: hidden; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); padding: 0; }
.bw2 .bw-artigo .related-article-item img { border-radius: 0; aspect-ratio: 16 / 10; object-fit: cover; width: 100%; height: auto; margin: 0; }
.bw2 .bw-artigo .related-article-item h4 { padding: 12px 14px 14px; margin: 0; font-family: var(--bw-serif); font-size: 16.5px; line-height: 1.3; color: var(--bw-marinho); }
.bw2 .bw-artigo .related-article-item:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(18, 27, 47, .1), inset 0 0 0 1px var(--bw-borda); }

@media (max-width: 480px) {
  .bw2 .bw-artigo article > p, .bw2 .bw-artigo article > ul > li, .bw2 .bw-artigo article > ol > li { font-size: 18px; line-height: 1.74; }
  .bw2 .bw-artigo article > h3:first-of-type + p { font-size: 19.5px; }
  .bw2 .bw-artigo .citacao-biblica { padding: 24px 18px 16px 20px; }
  .bw2 .bw-artigo .citacao-biblica-texto { font-size: 18.5px; }
  .bw2 .bw-artigo .box-versiculo-destaque { padding: 28px 20px 22px; }
}
/* "próximo" ainda em preparação: não parece um link */
.bw2 .bw-artigo .nav-btn.disabled, .bw2 .bw-artigo .nav-btn.next.disabled { opacity: 1; background: transparent; box-shadow: inset 0 0 0 1.5px var(--bw-borda-2); border-radius: 14px; outline: 0; }
.bw2 .bw-artigo .nav-btn.disabled { border: 1.5px dashed var(--bw-borda-2); box-shadow: none; }
.bw2 .bw-artigo .nav-btn.next.disabled .text { color: var(--bw-texto-3); }
.bw2 .bw-artigo .nav-btn.next.disabled .text small { color: var(--bw-texto-2); }
.bw2 .bw-artigo .nav-btn.next.disabled svg { fill: var(--bw-texto-3); }
.bw2 .bw-artigo .nav-btn.next.disabled .nav-arrow { background: var(--bw-fundo); }
/* caixas antigas: sem o ícone decorativo do CSS anterior */
.bw2 .bw-artigo .box-curiosidade::before, .bw2 .bw-artigo .box-tip::before, .bw2 .bw-artigo .box-alert::before { content: none !important; display: none !important; }
.bw2 .bw-artigo .box-info { font-family: var(--bw-sans); font-size: 16px; line-height: 1.7; color: var(--bw-texto-2); }
/* linha do tempo */
.bw2 .bw-artigo .linha-tempo { margin: 1.6em 0; padding: 6px 0 6px 22px; border-left: 2px solid var(--h-pergaminho-2); }
.bw2 .bw-artigo .linha-tempo-item { position: relative; margin: 0 0 18px; padding: 0; background: none; border: 0; box-shadow: none; }
.bw2 .bw-artigo .linha-tempo-item::before { content: ""; position: absolute; left: -29px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: var(--h-ouro-claro); box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--h-pergaminho-2); }
.bw2 .bw-artigo .linha-tempo-ano { font-family: var(--bw-sans); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro); background: none; padding: 0; }
.bw2 .bw-artigo .linha-tempo-titulo { font-family: var(--bw-serif); font-size: 18px; font-weight: 700; color: var(--bw-marinho); margin: 2px 0 4px; }
.bw2 .bw-artigo .linha-tempo-conteudo { font-family: var(--bw-sans); font-size: 15.5px; line-height: 1.65; color: var(--bw-texto-2); }

/* --------------------------------------------------------------------------
   Páginas institucionais e de listas (políticas, termos, ceia, oferta, versões,
   mais buscados, contato, 404)
   -------------------------------------------------------------------------- */
.bw2 .bw-institucional > p, .bw2 .bw-institucional section > p, .bw2 .bw-institucional li { font-size: 16.5px; line-height: 1.75; color: var(--bw-texto-2); }
.bw2 .bw-institucional h2, .bw2 .bw-institucional p.subtitulo strong {
  font-family: var(--bw-serif); font-size: 22px; line-height: 1.3; font-weight: 700; color: var(--bw-marinho); letter-spacing: -.01em;
}
.bw2 .bw-institucional p.subtitulo { text-align: left; padding: 22px 0 0; margin: 0; color: var(--bw-marinho); }
.bw2 .bw-institucional h3 { font-family: var(--bw-sans); font-size: 12.5px !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro) !important; }
.bw2 .bw-institucional .livro_cabecalho { justify-content: flex-start; border-bottom-color: var(--h-pergaminho-2); }
.bw2 .bw-institucional .livro_titulos h2 { font-family: var(--bw-serif); font-style: italic; font-weight: 400; font-size: 19px; color: var(--bw-texto-2); }
/* ceia e oferta: cada passagem num cartão */
.bw2 .bw-institucional ul.lista { margin: 14px 0 6px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.bw2 .bw-institucional ul.lista li { padding: 0; margin: 0; }
.bw2 .bw-institucional ul.lista li::before { content: none; }
.bw2 .bw-institucional ul.lista li a {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 10px; background: #fffdf8;
  box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); color: var(--h-ouro); font-weight: 700; font-size: 15px; text-decoration: none;
}
.bw2 .bw-institucional ul.lista li a:hover { box-shadow: inset 0 0 0 1.5px var(--h-ouro-claro); color: var(--bw-marinho); }
.bw2 .bw-institucional hr { border: 0; height: 1px; background: var(--bw-borda); margin: 18px 0; }
/* contato */
.bw2 .bw-institucional input[type=text], .bw2 .bw-institucional input[type=email], .bw2 .bw-institucional textarea {
  border-radius: 10px; border: 1px solid var(--bw-borda-2); padding: 12px 14px; font-size: 16px; box-sizing: border-box;
}
.bw2 .bw-institucional input:focus, .bw2 .bw-institucional textarea:focus { outline: 2px solid var(--bw-azul-vivo); outline-offset: 1px; border-color: transparent; }
.bw2 .bw-institucional button[type=submit], .bw2 .bw-institucional input[type=submit] { min-height: 46px; padding: 0 22px; border-radius: 12px; border: 0; background: var(--bw-marinho); color: #fff; font-weight: 700; cursor: pointer; }
/* versões: tabela mais leve */
.bw2 .bw-institucional table { border-collapse: separate; border-spacing: 0; width: 100%; border-radius: 14px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--bw-borda); }
.bw2 .bw-institucional table th { background: var(--h-pergaminho); color: var(--bw-marinho); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 12px 14px; border: 0; }
.bw2 .bw-institucional table td { border: 0; border-top: 1px solid var(--bw-borda); padding: 12px 14px; font-size: 15px; line-height: 1.6; vertical-align: top; }
/* 404: centralizada */
.bw2 .bw-pg-404 h1, .bw2 .bw-pg-404 { text-align: center !important; }

/* ficha do personagem: relacionados em cartões compactos com foto */
.bw2 .relacionados-container { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; gap: 8px !important; }
.bw2 .relacionado-card { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; padding: 8px 10px !important; border-radius: 12px !important; background: var(--bw-branco) !important; box-shadow: inset 0 0 0 1px var(--bw-borda) !important; border: 0 !important; text-decoration: none; min-height: 0 !important; }
.bw2 a.relacionado-card:hover { box-shadow: inset 0 0 0 1.5px var(--bw-azul-200) !important; transform: none !important; }
.bw2 .relacionado-thumbnail { flex: none; width: 46px !important; height: 46px !important; border-radius: 50% !important; overflow: hidden; margin: 0 !important; }
.bw2 .relacionado-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.bw2 .relacionado-info { padding: 0 !important; text-align: left !important; }
.bw2 .relacionado-nome { font-family: var(--bw-serif); font-size: 16px !important; font-weight: 700; color: var(--bw-marinho) !important; }

/* Estudos: lista livro a livro com miniaturas */
.bw2 .bw-est-livro { margin-bottom: 10px; padding: 0 16px; border: 0; border-radius: 14px; background: var(--bw-branco); box-shadow: inset 0 0 0 1px var(--bw-borda); }
.bw2 .bw-est-livro .nome { font-family: var(--bw-serif); font-size: 21px; }
.bw2 .bw-est-livro .nome::before { color: var(--h-ouro); }
.bw2 .bw-est-livro .barra span { background: var(--bw-marinho); }
.bw2 .bw-est-lista { padding: 0 0 6px !important; }
.bw2 .bw-est-lista a { display: grid !important; grid-template-columns: 96px 110px 1fr auto; gap: 14px; align-items: center; padding: 8px 0 !important; }
.bw2 .bw-est-lista img, .bw2 .bw-est-lista .sem-imagem { width: 96px; height: 64px; object-fit: cover; border-radius: 9px; background: var(--h-pergaminho-2); display: block; }
.bw2 .bw-est-lista .ref { color: var(--h-ouro) !important; font-weight: 700; font-size: 13.5px; }
.bw2 .bw-est-lista .tit { font-family: var(--bw-serif); font-size: 17px; color: var(--bw-marinho); line-height: 1.3; }
.bw2 .bw-est-lista a:hover .tit { color: var(--bw-azul); text-decoration: underline; }
@media (max-width: 600px) {
  .bw2 .bw-est-lista a { grid-template-columns: 80px 1fr; grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px; }
  .bw2 .bw-est-lista img, .bw2 .bw-est-lista .sem-imagem { grid-row: 1 / span 2; width: 80px; height: 56px; }
  .bw2 .bw-est-lista .bw-meta { display: none; }
}
.bw2 .bw-est-lista a::before { content: none !important; display: none !important; }
.bw2 .relacionado-card .relacionado-thumbnail img { width: 46px !important; height: 46px !important; max-width: none; border-radius: 50%; object-fit: cover; display: block; }
.bw2 .relacionado-card { height: auto !important; }

/* Versículo do Dia: extras em dois cartões e histórico em serifa */
.bw-votd-extras { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
@media (max-width: 640px) { .bw-votd-extras { grid-template-columns: 1fr; } }
.bw2 .bw-votd-cartao { margin: 0 !important; padding: 20px 20px 18px !important; border: 0 !important; border-radius: var(--h-raio) !important; background: var(--bw-branco) !important; box-shadow: inset 0 0 0 1px var(--bw-borda) !important; text-align: left !important; }
.bw2 .bw-votd-cartao h3 { font-family: var(--bw-serif); font-size: 21px; color: var(--bw-marinho); margin: 0 0 8px; text-align: left; }
.bw2 .bw-votd-cartao .texto-inspiracao { font-size: 14.5px; line-height: 1.55; color: var(--bw-texto-2); margin: 0 0 14px; text-align: left; }
.bw2 .bw-votd-cartao .bw-chips { margin-top: 6px; }
.bw2 .bw-votd-cartao #verso-aleatorio-container:not(:empty) { margin-top: 14px; }
.bw2 .historico-item .historico-citacao { font-family: var(--bw-serif); font-style: normal; font-size: 18px; line-height: 1.65; color: var(--bw-texto); }
.bw2 .historico-item .historico-icon-citacao { display: none; }
.bw2 .historico-item .historico-titulo { font-family: var(--bw-sans); font-size: 12.5px !important; letter-spacing: .1em; text-transform: uppercase; color: var(--h-ouro) !important; }
.bw2 .relacionado-card .relacionado-thumbnail { padding: 0 !important; aspect-ratio: auto !important; }

/* Busca: "você quis dizer" em destaque e um vazio que oferece caminhos */
.bw2 .bw-quis-dizer { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 4px 0 14px !important; padding: 12px 16px !important; border-radius: 12px; background: #fffdf8; box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); font-family: var(--bw-serif); }
.bw2 .bw-quis-dizer a { font-size: 19px; }
.bw2 .conteudo_box .bw-busca-vazia { text-align: left; border: 0; margin: 18px 0; padding: 26px 24px 22px; border-radius: var(--h-raio); background: radial-gradient(420px 180px at 100% 0%, rgba(226, 184, 103, .16), transparent 70%), #fffdf8; box-shadow: inset 0 0 0 1px var(--h-pergaminho-2); }
.bw2 .bw-busca-vazia h3 { font-family: var(--bw-serif); font-size: 24px; line-height: 1.25; color: var(--bw-marinho); margin: 0 0 8px; }
.bw2 .bw-busca-vazia h3 em { font-style: italic; color: var(--h-ouro); }
.bw2 .bw-busca-vazia > p { font-size: 15.5px !important; color: var(--bw-texto-2) !important; margin: 0 0 16px; }
.bw2 .bw-busca-vazia .bw-busca-grande { position: relative; margin-bottom: 18px; }
.bw2 .bw-busca-vazia .bw-busca-vazia-temas { font-size: 13px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bw-texto-3) !important; margin: 0 0 8px; }
.bw2 .conteudo_box h2.busca { font-family: var(--bw-serif); font-size: 21px; color: var(--bw-marinho); text-align: left; }
/* páginas curtas: sem faixa branca abaixo do rodapé */
html:has(body.bw2) { background: var(--h-noite, #121b2f); }
body.bw2 { background-color: var(--bw-fundo, #f7f8fb); }

/* Versículos mais buscados: cada citação como cartão de pergaminho */
.bw2 .bw-institucional blockquote {
  position: relative; margin: 12px 0 16px; padding: 20px 22px 18px 44px; border: 0; border-radius: 14px;
  background: #fffdf8; box-shadow: inset 0 0 0 1px var(--h-pergaminho-2);
  font-family: var(--bw-serif); font-style: normal; font-size: 19px; line-height: 1.6; color: var(--bw-texto); quotes: none;
}
.bw2 .bw-institucional blockquote::before { content: "“"; position: absolute; left: 14px; top: 6px; font-size: 48px; line-height: 1; color: var(--h-ouro-claro); }
.bw2 .bw-institucional blockquote::after { content: none; }
.bw2 .bw-pg-versiculos-mais-buscados h2 { margin-top: 34px; padding-bottom: 8px; border-bottom: 1px solid var(--h-pergaminho-2); }
.bw2 .bw-institucional p a[href*="/versiculo/"], .bw2 .bw-institucional p b a { color: var(--h-ouro); font-weight: 700; }

/* Menu do celular: azul-noite, itens em serifa, acento dourado */
.bw2 #mobile-menu { background: var(--h-noite) !important; box-shadow: 0 24px 48px rgba(10, 14, 26, .35); }
.bw2 #mobile-menu ul li { border-color: rgba(255, 255, 255, .07) !important; }
.bw2 #mobile-menu ul li a { display: flex; align-items: center; min-height: 52px; font-family: var(--bw-serif); font-size: 19px !important; color: #fff !important; text-decoration: none; }
.bw2 #mobile-menu ul li a::after { content: "›"; margin-left: auto; padding-right: 4px; font-family: var(--bw-sans); font-size: 22px; color: var(--h-ouro-claro); opacity: .8; }
.bw2 #mobile-menu ul li a:hover, .bw2 #mobile-menu ul li a:focus-visible { color: var(--h-ouro-claro) !important; background: rgba(255, 255, 255, .03); }
@media (max-width: 640px) { .bw2 .bw-livro-estudos a { margin: 0; } }