/* Bíblia — leitura confortável no celular, tablet e computador. Usa as variáveis de site.css */
:root{--bl-fundo:#FBF7F0;--bl-papel:#FFFFFF;--bl-texto:#211C19;--bl-sec:#6B5B52;--bl-linha:#E8DCCB;
  --bl-num:#B08D57;--bl-fs:20px;--bl-lh:1.75;--bl-larg:720px;
  --m-amarelo:#FFE79A;--m-verde:#CDEBC4;--m-azul:#CFE3F7;--m-rosa:#F7D0DC;--m-lilas:#E2D5F2}
html[data-tema=sepia]{--bl-fundo:#F3E9D6;--bl-papel:#F8F0E0;--bl-texto:#3B2F25;--bl-sec:#7A6653;--bl-linha:#E2D2B6}
html[data-tema=escuro]{--bl-fundo:#141011;--bl-papel:#1C1718;--bl-texto:#E9E1D6;--bl-sec:#A89A8C;--bl-linha:#342A2B;
  --bl-num:#CAA24D;--m-amarelo:#6B5A1C;--m-verde:#2F4F2A;--m-azul:#26405A;--m-rosa:#5A2A3A;--m-lilas:#43335C}
html[data-tema=escuro] body{background:var(--bl-fundo);color:var(--bl-texto)}
html[data-tema=escuro] footer{filter:brightness(.8)}
html[data-tema=escuro] .topbar{background:#0d0a0b}

.bl-pagina{background:var(--bl-fundo);min-height:70vh}
.bl-hero{background:linear-gradient(160deg,var(--vinho-med),var(--vinho-esc));color:#fff;padding:44px 0 38px}
.bl-hero h1{font-family:var(--titulo-deco);font-size:42px;line-height:1.1;margin:10px 0 6px}
.bl-hero p{opacity:.9;max-width:680px}
.bl-busca{display:flex;gap:8px;margin-top:22px;max-width:640px}
.bl-busca input{flex:1;min-width:0;border:0;border-radius:12px;padding:14px 16px;font:inherit;font-size:16px;background:#fff;color:var(--texto)}
.bl-busca button{border:0;border-radius:12px;padding:0 20px;background:var(--ouro);color:#fff;font:600 15px Montserrat,sans-serif;cursor:pointer}
.bl-dicas{font-size:13px;opacity:.85;margin-top:8px}
.bl-dicas a{color:var(--ouro-claro);text-decoration:underline}

.bl-grade{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:32px 20px 48px}
.bl-card{background:var(--bl-papel);border:1px solid var(--bl-linha);border-radius:var(--raio);padding:24px;box-shadow:var(--sombra)}
.bl-card h2,.bl-card h3{font-family:var(--titulo);color:var(--vinho);margin-bottom:10px}
html[data-tema=escuro] .bl-card h2,html[data-tema=escuro] .bl-card h3{color:var(--ouro-claro)}
.bl-vd blockquote{font-family:Lora,Georgia,serif;font-size:21px;line-height:1.55;font-style:italic;color:var(--bl-texto)}
.bl-vd .ref{display:inline-block;margin-top:12px;font-family:var(--titulo);font-weight:700;color:var(--ouro)}
.bl-vd .acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.bl-continuar{display:none}
.bl-continuar.on{display:block}

.bl-abas{display:flex;gap:6px;margin:4px 0 16px;border-bottom:1px solid var(--bl-linha)}
.bl-abas button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;font:600 15px Montserrat,sans-serif;color:var(--bl-sec);cursor:pointer}
.bl-abas button.on{color:var(--vinho);border-color:var(--ouro)}
html[data-tema=escuro] .bl-abas button.on{color:var(--ouro-claro)}
.bl-grupo{margin-bottom:18px}
.bl-grupo h4{font:600 12px Montserrat,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--bl-sec);margin-bottom:8px}
.bl-livros{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bl-livros a{display:flex;justify-content:space-between;align-items:center;gap:6px;background:var(--bl-papel);border:1px solid var(--bl-linha);border-radius:10px;padding:10px 12px;font-weight:500;font-size:14.5px;color:var(--bl-texto)}
.bl-livros a:hover{border-color:var(--ouro);color:var(--vinho)}
.bl-livros small{color:var(--bl-sec);font-size:11.5px}
.bl-livros .mod{display:block;font-size:11px;color:var(--bl-sec);font-weight:400}

.bl-caps{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}
.bl-caps a{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--bl-linha);border-radius:10px;background:var(--bl-papel);font-weight:600;color:var(--bl-texto)}
.bl-caps a:hover,.bl-caps a.on{background:var(--vinho);color:#fff;border-color:var(--vinho)}

/* ---------- barra de leitura ---------- */
.bl-barra{position:sticky;top:74px;z-index:20;background:var(--bl-fundo);border-bottom:1px solid var(--bl-linha)}
.bl-barra .in{max-width:var(--bl-larg);margin:0 auto;display:flex;align-items:center;gap:6px;padding:8px 16px}
.bl-seletor{display:flex;align-items:center;gap:8px;background:var(--bl-papel);border:1px solid var(--bl-linha);border-radius:10px;padding:8px 12px;font:600 15px Montserrat,sans-serif;color:var(--bl-texto);cursor:pointer;min-width:0}
.bl-seletor span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:none;color:var(--bl-texto);cursor:pointer;font:600 15px Montserrat,sans-serif;flex-shrink:0}
.bl-ico:hover{background:var(--bl-papel);border-color:var(--bl-linha)}
.bl-ico svg{width:20px;height:20px}
.bl-esp{flex:1}

/* ---------- texto ---------- */
.bl-texto{max-width:var(--bl-larg);margin:0 auto;padding:28px 20px 20px}
.bl-texto h1{font-family:var(--titulo);font-size:30px;color:var(--vinho);text-align:center;line-height:1.2}
html[data-tema=escuro] .bl-texto h1{color:var(--ouro-claro)}
.bl-texto .sub{text-align:center;color:var(--bl-sec);font-size:13px;margin:6px 0 22px}
.bl-texto .aviso{background:var(--bl-papel);border:1px dashed var(--ouro);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--bl-sec);margin-bottom:18px}
.bl-vs{font-family:Lora,Georgia,serif;font-size:var(--bl-fs);line-height:var(--bl-lh);color:var(--bl-texto);text-align:left;hyphens:auto;-webkit-hyphens:auto}
.bl-vs .v{cursor:pointer;border-radius:4px;padding:1px 0;transition:background .15s;-webkit-tap-highlight-color:transparent}
.bl-vs .v sup{font:700 .58em Montserrat,sans-serif;color:var(--bl-num);margin:0 3px 0 6px;vertical-align:.45em;user-select:none}
.bl-vs .v.sel{text-decoration:underline dotted var(--ouro);text-decoration-thickness:2px;text-underline-offset:5px}
.bl-vs .v.destaque{background:rgba(176,141,87,.22)}
.bl-vs .v[data-cor=amarelo]{background:var(--m-amarelo)}
.bl-vs .v[data-cor=verde]{background:var(--m-verde)}
.bl-vs .v[data-cor=azul]{background:var(--m-azul)}
.bl-vs .v[data-cor=rosa]{background:var(--m-rosa)}
.bl-vs .v[data-cor=lilas]{background:var(--m-lilas)}
.bl-vs .v .nota-ic{display:inline-block;width:.8em;height:.8em;margin-left:3px;vertical-align:-.05em;color:var(--ouro)}
.bl-vs.paragrafos .v{display:block;margin-bottom:.35em}

.bl-nav{max-width:var(--bl-larg);margin:0 auto;display:flex;justify-content:space-between;gap:10px;padding:10px 20px 40px}
.bl-nav a{display:flex;flex-direction:column;border:1px solid var(--bl-linha);background:var(--bl-papel);border-radius:12px;padding:12px 16px;min-width:0;flex:1;color:var(--bl-texto)}
.bl-nav a small{color:var(--bl-sec);font-size:12px}
.bl-nav a b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-nav a.prox{text-align:right}
.bl-fonte{max-width:var(--bl-larg);margin:0 auto;padding:0 20px 36px;font-size:12.5px;color:var(--bl-sec);text-align:center}

/* ---------- folhas (opções, ações, seletor) ---------- */
.bl-fundo-modal{position:fixed;inset:0;background:rgba(20,10,12,.45);z-index:60;display:none}
.bl-fundo-modal.on{display:block}
.bl-folha{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--bl-papel);color:var(--bl-texto);border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);padding:14px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .22s ease;max-height:86vh;overflow:auto}
.bl-folha.on{transform:none}
.bl-folha .pega{width:44px;height:5px;border-radius:3px;background:var(--bl-linha);margin:0 auto 12px}
.bl-folha h3{font-family:var(--titulo);font-size:18px;color:var(--vinho);margin-bottom:10px}
html[data-tema=escuro] .bl-folha h3{color:var(--ouro-claro)}
@media (min-width:760px){.bl-folha{left:50%;right:auto;width:560px;margin-left:-280px;bottom:24px;border-radius:18px}
  .bl-folha:not(.on){transform:translateY(130%)}}
.bl-cores{display:flex;gap:12px;margin:6px 0 14px}
.bl-cores button{width:38px;height:38px;border-radius:50%;border:2px solid var(--bl-linha);cursor:pointer}
.bl-cores button.on{outline:3px solid var(--ouro);outline-offset:2px}
.bl-cores .limpar{background:var(--bl-papel);font-size:18px;color:var(--bl-sec)}
.bl-acoes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bl-acoes button,.bl-acoes a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--bl-linha);border-radius:12px;background:var(--bl-fundo);color:var(--bl-texto);font:500 12.5px Montserrat,sans-serif;cursor:pointer;text-align:center}
.bl-acoes svg{width:22px;height:22px;color:var(--vinho)}
html[data-tema=escuro] .bl-acoes svg{color:var(--ouro-claro)}
.bl-acoes .on svg{fill:currentColor}
.bl-nota textarea{width:100%;min-height:110px;border:1px solid var(--bl-linha);border-radius:10px;padding:10px;font:inherit;font-size:15px;background:var(--bl-fundo);color:var(--bl-texto);margin:8px 0}
.bl-linha-op{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--bl-linha)}
.bl-linha-op:last-child{border:0}
.bl-seg{display:flex;border:1px solid var(--bl-linha);border-radius:10px;overflow:hidden}
.bl-seg button{border:0;background:var(--bl-fundo);color:var(--bl-texto);padding:8px 12px;font:600 14px Montserrat,sans-serif;cursor:pointer}
.bl-seg button.on{background:var(--vinho);color:#fff}
.bl-sel-livros{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-bottom:12px}
.bl-sel-livros button{text-align:left;border:1px solid var(--bl-linha);background:var(--bl-fundo);color:var(--bl-texto);border-radius:9px;padding:9px 10px;font:500 14px Montserrat,sans-serif;cursor:pointer}
.bl-sel-livros button.on{border-color:var(--vinho);background:var(--vinho);color:#fff}
.bl-sel-livros h5{grid-column:1/-1;font:600 11.5px Montserrat,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--bl-sec);margin-top:8px}
.bl-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(120px);background:#2b2222;color:#fff;padding:10px 18px;border-radius:24px;font-size:14px;z-index:70;transition:transform .2s}
.bl-toast.on{transform:translateX(-50%)}

/* ---------- busca ---------- */
.bl-res{list-style:none}
.bl-res li{padding:14px 0;border-bottom:1px solid var(--bl-linha)}
.bl-res a.r{font:700 14px Montserrat,sans-serif;color:var(--vinho)}
html[data-tema=escuro] .bl-res a.r{color:var(--ouro-claro)}
.bl-res p{font-family:Lora,Georgia,serif;font-size:17px;line-height:1.6;margin-top:4px}
.bl-res mark{background:var(--m-amarelo);color:inherit;border-radius:3px;padding:0 2px}
.bl-filtros{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.bl-filtros a{border:1px solid var(--bl-linha);border-radius:20px;padding:6px 12px;font-size:13px;background:var(--bl-papel)}
.bl-filtros a.on{background:var(--vinho);color:#fff;border-color:var(--vinho)}
.bl-pag{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.bl-pag a{border:1px solid var(--bl-linha);border-radius:8px;padding:6px 11px;background:var(--bl-papel)}
.bl-pag a.on{background:var(--vinho);color:#fff}
.bl-porlivro{font-size:13.5px;line-height:1.9}
.bl-porlivro a{display:flex;justify-content:space-between;border-bottom:1px dotted var(--bl-linha)}

@media (max-width:900px){.bl-grade{grid-template-columns:1fr}.bl-barra{top:74px}}
@media (max-width:600px){.bl-barra{top:64px}.bl-hero h1{font-size:32px}.bl-texto h1{font-size:25px}.bl-livros{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}
  .bl-texto{padding:20px 16px}.bl-barra .in{padding:6px 10px}.bl-nav{padding:10px 16px 32px}}
body:has(.bl-leitura) .float-wpp{display:none}
/* ---------- Bíblia em um ano ---------- */
.bl-plano-status .acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.bl-plano-status p{color:var(--bl-sec)}
.bl-btn-borda{background:transparent;border:1px solid var(--vinho);color:var(--vinho)}
.bl-progresso{height:10px;border-radius:99px;background:var(--bl-linha);overflow:hidden;margin:12px 0 6px}
.bl-progresso span{display:block;height:100%;background:linear-gradient(90deg,var(--ouro),var(--vinho));border-radius:99px;transition:width .4s}
.bl-prog-txt{font-size:14px;color:var(--bl-sec);margin-top:6px}
.bl-recomecar{font-size:13px;margin-top:12px}.bl-recomecar a{color:var(--bl-sec)}
.bl-plano-h2{font-family:var(--titulo);color:var(--vinho);margin:26px 0 4px;font-size:22px}
.bl-plano-leg{font-size:13px;color:var(--bl-sec);margin-bottom:10px}
.bl-plano-leg .lido{color:#2E7D32;font-weight:700}.bl-plano-leg .hoje{color:var(--ouro)}
.bl-dias{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;max-height:560px;overflow:auto;padding:2px}
.bl-dias a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border:1px solid var(--bl-linha);border-radius:8px;background:var(--bl-papel);color:var(--bl-texto);font-size:13px;text-decoration:none}
.bl-dias a b{min-width:30px;color:var(--vinho);font-family:var(--titulo)}
.bl-dias a span{color:var(--bl-sec)}
.bl-dias a.lido{background:#EEF6EE;border-color:#B9D8BA}.bl-dias a.lido b::after{content:" ✔";color:#2E7D32}
.bl-dias a.hoje{border:2px solid var(--ouro)}
html[data-tema=escuro] .bl-dias a.lido{background:#1E2B1E;border-color:#2F4F2A}
.bl-como{padding-left:20px;display:grid;gap:8px;font-size:15px}
.bl-plano-tag{font-size:13px;font-weight:700;color:var(--vinho);background:var(--bl-fundo);border:1px solid var(--bl-linha);padding:4px 10px;border-radius:99px}
.bl-plano-indice{list-style:none;padding:0;margin:14px 0 8px;display:grid;gap:8px}
.bl-plano-indice a{display:block;padding:10px 14px;border:1px solid var(--bl-linha);border-radius:10px;background:var(--bl-papel);color:var(--bl-texto);text-decoration:none;font-weight:600}
.bl-plano-indice small,.bl-plano-parte h2 small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro)}
.bl-plano-parte{margin-top:34px;padding-top:18px;border-top:2px solid var(--bl-linha)}
.bl-plano-parte h2{font-family:var(--titulo);color:var(--vinho);font-size:24px;margin-bottom:6px}
.bl-plano-parte h3{font-family:var(--titulo);font-size:18px;margin:18px 0 6px}
.bl-plano-parte h3 a{color:var(--bl-texto);text-decoration:none}
.bl-plano-fim{margin:40px 0 10px;text-align:center;display:grid;gap:12px;justify-items:center}
.bl-li{font-size:18px;padding:14px 34px}
.bl-li.feito{background:#2E7D32}
.bl-pagina [hidden]{display:none!important}
.bl-plano-dest{margin:18px 0 6px;padding:18px 20px;border-left:4px solid var(--ouro);background:var(--bl-papel);border-radius:0 12px 12px 0;
  font-family:'Lora',Georgia,serif;font-style:italic;font-size:calc(var(--bl-fs) * .95);line-height:1.6;color:var(--bl-texto)}
.bl-plano-dest a{display:block;margin-top:8px;font-style:normal;font-family:var(--titulo);font-weight:700;color:var(--vinho);text-decoration:none;font-size:15px}
.bl-story{font-size:16px;padding:12px 26px}
.bl-plano-dest small{display:block;font-family:var(--corpo,inherit);font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro);margin-bottom:6px}