
:root{
  --bg:#f7f3e8; --paper:#fffdf7; --ink:#24221e; --muted:#69645c; --line:#e5decf;
  --context:#2f6f9f; --theme:#c76d1d; --connection:#7652a5; --practice:#2f7d4a;
  --god:#a77a16; --alert:#a94747; --keyword:#b86f16; --dark:#29313a;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
.topbar{background:#1f2a31;color:#fff;padding:18px 20px;box-shadow:0 2px 10px #0002}
.brand{max-width:980px;margin:auto;display:flex;gap:14px;align-items:center}
.brand-mark{width:42px;height:42px;border-radius:12px;background:#d5ae4e;color:#1f2a31;display:grid;place-items:center;font-size:24px;font-weight:800}
.brand h1{font-size:20px;margin:0}.brand p{margin:1px 0 0;color:#dbe2e6;font-size:13px}
.shell{max-width:980px;margin:auto;padding:24px 16px 48px}
.hero{padding:26px 4px 18px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#8a6b23}
.hero h2{font-family:Georgia,serif;font-size:34px;line-height:1.15;margin:8px 0 12px;max-width:820px}
.hero p{color:var(--muted);max-width:780px}
.prayer-card,.selector-card,.legend,.study-block,.version-note{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #503d1b0b}
.prayer-card{display:flex;gap:16px;padding:22px;margin:14px 0 20px;border-left:6px solid #d5ae4e}
.prayer-card .icon{font-size:28px}.prayer-card h3{margin:0 0 6px}
blockquote{margin:12px 0 0;padding:12px 14px;background:#f8f1dc;border-radius:12px;font-family:Georgia,serif}
.selector-card{padding:16px;display:grid;grid-template-columns:1fr 120px 1.3fr 160px;gap:12px;align-items:end}
.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:800;color:var(--muted)}
select,button{height:46px;border-radius:12px;border:1px solid #d7cfbf;padding:0 12px;font-size:16px;background:white}
button{border:0;background:#263b45;color:white;font-weight:800;cursor:pointer}
.version-note{padding:14px 16px;margin-top:12px;color:#5b5449;font-size:14px}
.version-note:empty{display:none}
#study{margin-top:22px;display:grid;gap:16px}
.study-title{background:#263b45;color:white;border-radius:18px;padding:22px}
.study-title h2{font-family:Georgia,serif;font-size:30px;margin:0 0 6px}.study-title p{margin:0;color:#dbe4e8}
.study-block{padding:20px;border-left:6px solid var(--line)}
.study-block h3{margin:0 0 8px;font-size:20px}.study-block h4{margin:16px 0 4px}
.study-block p{margin:7px 0}.study-block ul,.study-block ol{padding-left:22px}
.study-block.context{border-left-color:var(--context)}.study-block.theme{border-left-color:var(--theme)}
.study-block.connection{border-left-color:var(--connection)}.study-block.practice{border-left-color:var(--practice)}
.study-block.god{border-left-color:var(--god)}.study-block.alert{border-left-color:var(--alert)}
.study-block.keyword{border-left-color:var(--keyword)}.study-block.write{border-left-color:#8b7253;background:#fffaf0}
.badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#eee;margin-bottom:8px}
.context .badge{background:#e7f1f8;color:#225b81}.theme .badge{background:#fff0df;color:#9a4e0e}
.connection .badge{background:#efe9f7;color:#62428d}.practice .badge{background:#e8f4eb;color:#28673e}
.god .badge{background:#fbf0ce;color:#80600e}.alert .badge{background:#fae7e7;color:#883838}
.keyword .badge{background:#fff0df;color:#95540c}.write .badge{background:#efe8db;color:#66513b}
.word-btn{border:0;background:#fff2d8;color:#7b4d0f;height:auto;padding:2px 6px;border-radius:7px;font:inherit;font-weight:800;text-decoration:underline;text-decoration-style:dotted}
.legend{padding:18px;margin-top:24px}.legend h3{margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:6px 10px;border-radius:999px;color:white;font-size:12px;font-weight:800}
.chip.context{background:var(--context)}.chip.theme{background:var(--theme)}.chip.connection{background:var(--connection)}
.chip.practice{background:var(--practice)}.chip.god{background:var(--god)}.chip.alert{background:var(--alert)}.chip.keyword{background:var(--keyword)}
.modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}
.modal.open{display:flex}.modal-card{position:relative;max-width:540px;width:100%;background:#fffdf7;border-radius:20px;padding:24px;box-shadow:0 18px 60px #0005}
.modal-card h3{font-family:Georgia,serif;font-size:28px;margin:5px 0 8px}.modal-card p{margin:0 0 10px}
.modal-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;font-size:24px;padding:0}
footer{text-align:center;color:#6e685f;padding:20px 12px 40px;font-size:13px}
@media(max-width:760px){
  .hero h2{font-size:28px}
  .selector-card{grid-template-columns:1fr 1fr}
  .selector-card .field:nth-child(3){grid-column:1/-1}
  .selector-card button{grid-column:1/-1}
  .prayer-card{display:block}.prayer-card .icon{margin-bottom:6px}
}

/* ===== V3: Bíblia completa + estudo ===== */
.chapter-nav{display:grid;grid-template-columns:130px 1fr 130px;gap:10px;align-items:center;margin:14px 0 16px}
.chapter-nav span{text-align:center;font-family:Georgia,serif;font-weight:800;font-size:18px}
.nav-btn{height:42px;background:#fffdf7;color:#263b45;border:1px solid var(--line);box-shadow:none}
.nav-btn:disabled{opacity:.35;cursor:not-allowed}
.bible-wrap{margin-top:4px}
.bible-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px #503d1b0b;border-top:5px solid #d5ae4e}
.bible-card.loading{color:var(--muted)}
.bible-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
.bible-heading h2,.bible-card h2{font-family:Georgia,serif;font-size:30px;line-height:1.15;margin:7px 0 0}
.bible-badge{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;padding:4px 9px;border-radius:999px;background:#f4e8c5;color:#745719}
.testament{font-size:12px;color:var(--muted);font-weight:800;text-align:right}
.verses{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.78}
.verse{margin:0 0 12px}
.verse sup{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:900;color:#9a7624;margin-right:7px;vertical-align:super}
.license-card{border-top-color:#9a7624}.error-card{border-top-color:var(--alert)}
.muted{color:var(--muted)}
.study-divider{display:flex;align-items:center;gap:14px;margin:32px 0 18px;color:#8a6b23;font-size:12px;font-weight:900;letter-spacing:.12em}
.study-divider::before,.study-divider::after{content:"";height:1px;background:#d8cfbd;flex:1}
.study-pending{border-left-color:#d5ae4e;background:#fffaf0}
.source-note{max-width:760px;margin:4px auto 0;font-size:11px;color:#817b73}
@media(max-width:760px){
  .chapter-nav{grid-template-columns:96px 1fr 96px;gap:6px}
  .nav-btn{font-size:13px;padding:0 6px}
  .chapter-nav span{font-size:16px}
  .bible-card{padding:18px 16px}
  .bible-heading{display:block}.testament{display:block;text-align:left;margin-top:6px}
  .bible-heading h2,.bible-card h2{font-size:27px}
  .verses{font-size:18px;line-height:1.75}
}
