/* Paleta própria da Bíblia: fundo CLARO é o padrão aqui (o preto é do site
   institucional, não daqui — ele corrigiu isso em 21/09). O claro é um azul
   bem claro, não o creme neutro do site institucional. Laranja tem que
   aparecer como laranja de verdade, não sumir perto de preto/branco.
   Reaproveita a estrutura de estilo.css (--canvas, --acao, --brasa etc.),
   só troca os valores. */
:root{
  --modo: light;
}
html[data-theme="light"]{
  --canvas:#EAF1FE;
  --panel:#FAFCFF;
  --panel-2:#F2F7FF;
  --linha:#D2E1F7;
  --linha-forte:#AFC7EC;
  --tinta:#0E1B33;
  --tinta-2:#48597A;
  --tinta-3:#6C7B9C;
  --acao:#2F5FD9;
  --acao-hover:#274ec2;
  --acao-sussurro:#DCE6FF;
  --brasa:#E8600A;
  --brasa-forte:#C24C06;
  --brasa-fio:rgba(232,96,10,.3);
}
html[data-theme="dark"]{
  --acao:#4C8DFF;
  --acao-hover:#6FA1FF;
  --acao-sussurro:#1B2740;
  --brasa:#FF7A33;
  --brasa-forte:#FF9257;
  --brasa-fio:rgba(255,122,51,.26);
}

/* ---------- passagem do dia (home) ---------- */
.passagem-dia{
  background:var(--panel); border:1px solid var(--linha); border-radius:14px;
  padding:1.6rem 1.8rem;
}
.passagem-dia-texto{
  font-family:var(--display); font-size:1.3rem; line-height:1.5; margin:.6rem 0 .9rem;
}
.passagem-dia-ref{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--brasa-forte); text-decoration:none;
}
.passagem-dia-ref:hover{color:var(--acao)}

/* ---------- grade de capítulos (leitor, lateral) ---------- */
.grade-capitulos{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(34px,1fr)); gap:.4rem;
}
.grade-capitulos button{
  aspect-ratio:1; border-radius:6px; border:1px solid var(--linha);
  background:var(--panel); color:var(--tinta-2); font-family:var(--mono); font-size:.78rem;
  cursor:pointer;
}
.grade-capitulos button:hover{border-color:var(--acao); color:var(--acao)}
.grade-capitulos button.ativo{background:var(--acao); border-color:var(--acao); color:#fff}

/* ---------- grade de livros (home) ---------- */
.testamento{margin-top:2.6rem}
.testamento h2{font-size:1rem;letter-spacing:.02em}
.grade-livros{
  display:grid; gap:.6rem; margin-top:1.2rem;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
}
.livro-cartao{
  padding:.85rem 1rem; background:var(--panel); border:1px solid var(--linha);
  border-radius:10px; text-decoration:none; color:var(--tinta);
  font-family:var(--display); font-size:1.02rem;
  transition:border-color .2s var(--suave), transform .2s var(--suave);
}
.livro-cartao:hover{border-color:var(--acao); transform:translateY(-2px)}

.busca-rapida{
  display:flex; gap:.6rem; max-width:420px; margin-top:1.6rem;
}
.busca-rapida input{
  flex:1; padding:.7rem .9rem; border-radius:9px; border:1px solid var(--linha);
  background:var(--panel); color:var(--tinta); font-size:.95rem;
}
.busca-rapida select{
  padding:.7rem .6rem; border-radius:9px; border:1px solid var(--linha);
  background:var(--panel); color:var(--tinta); font-size:.85rem;
}

/* ---------- leitor ---------- */
.leitor-topo{
  display:flex; flex-wrap:wrap; align-items:center; gap:.7rem;
  justify-content:space-between; margin-bottom:1.6rem;
}
.leitor-nav{display:flex; gap:.5rem; align-items:center}
.leitor-nav select{
  padding:.5rem .6rem; border-radius:8px; border:1px solid var(--linha);
  background:var(--panel); color:var(--tinta); font-size:.9rem;
}
.leitor-acoes{display:flex; gap:.5rem}
.btn-icone{
  padding:.5rem .8rem; border-radius:8px; border:1px solid var(--linha);
  background:var(--panel); color:var(--tinta-2); font-size:.82rem;
  text-decoration:none; cursor:pointer;
}
.btn-icone:hover, .btn-icone.ativo{border-color:var(--acao); color:var(--acao)}

.capitulo{font-family:var(--display); font-size:1.14rem; line-height:1.85}
.capitulo .v{color:var(--tinta-2)}
.capitulo .vnum{
  font-family:var(--mono); font-size:.62rem; color:var(--brasa-forte);
  vertical-align:super; margin-right:.15rem;
}

.compara{display:grid; gap:1.6rem}
@media(min-width:820px){.compara{grid-template-columns:repeat(var(--n,2),1fr)}}
.resultado-item{
  margin:0 0 1rem; font-size:.93rem; line-height:1.55; padding-bottom:1rem;
  border-bottom:1px solid var(--linha);
}
.resultado-item:last-child{border-bottom:none}
.resultado-ref{
  color:var(--brasa-forte); font-weight:600; text-decoration:none;
  font-family:var(--mono); font-size:.78rem; letter-spacing:.02em;
}
.resultado-ref:hover{color:var(--acao)}
.resultado-texto{color:var(--tinta-2); display:block; margin-top:.25rem}

.compara-col h3{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--brasa-forte); margin:0 0 .8rem;
}

.rodape-cap{
  display:flex; justify-content:space-between; margin-top:2.4rem;
  padding-top:1.4rem; border-top:1px solid var(--linha);
}

/* ---------- espaço reservado de anúncio/apoio, nunca dentro do texto ---------- */
.anuncio-slot{
  border:1px dashed var(--linha-forte); border-radius:10px;
  padding:1rem; text-align:center; color:var(--tinta-3);
  font-family:var(--mono); font-size:.68rem; letter-spacing:.06em;
  margin:2rem 0;
}
.pagina-leitor{display:grid; gap:2rem}
@media(min-width:1080px){
  .pagina-leitor{grid-template-columns:1fr 260px}
  .lateral{display:flex; flex-direction:column; gap:1.2rem}
}
.lateral .anuncio-slot{margin:0}