/* MAQUETA MAESTRA DE LIBROS IBVNC — V3 */
:root{--navy:#062d45;--navy2:#052238;--blue:#0b5377;--blue2:#dcecf3;--gold:#d99b18;--gold2:#f3dfad;--cream:#f4eedf;--paper:#fffefa;--ink:#173b55;--muted:#66737b;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--serif);overflow:hidden}
button,input{font:inherit}.site-header{height:184px;display:flex;background:var(--navy);color:#fff;border-bottom:4px solid var(--gold);overflow:hidden}
.brand{display:flex;align-items:center;gap:22px;padding:14px 24px;min-width:48%}.institution-logo{width:112px;height:112px;object-fit:contain}.institution h1{margin:0 0 8px;font-size:31px;line-height:1.03}.institution p{margin:0 0 6px;font-size:16px}.institution small{font-size:14px}
.book-cover{position:relative;width:54%;display:flex;justify-content:flex-end;align-items:center;overflow:hidden}.cover-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#42657a,#d4a74e 50%,#2c5264);color:#ffffff55;font:700 18px var(--sans);letter-spacing:2px}.book-title{position:relative;text-align:right;padding:15px 28px;width:52%;z-index:1}.book-title h2{margin:0;font-size:39px;line-height:.98;color:#f0c965;text-shadow:1px 2px 2px #222}.book-title p{font-weight:bold;font-size:15px}
.top-nav{height:58px;background:var(--navy2);display:flex;justify-content:space-between;border-bottom:1px solid #1a526d}.nav-links{display:flex;margin-left:235px}.nav-links a{cursor:pointer;color:#fff;text-decoration:none;padding:0 27px;display:flex;align-items:center;gap:11px;border-right:1px solid #1c5067}.nav-links a:hover,.nav-links a.active{background:var(--blue);color:#f1c25b}.search{position:relative;display:flex;align-items:center;padding:0 26px}.search input{width:260px;border:0;border-radius:25px;padding:10px 17px;font:15px var(--sans);outline:none}.search-results{position:absolute;top:52px;right:25px;width:330px;background:#fff;border:1px solid #bbb;border-radius:7px;box-shadow:0 8px 20px #0003;z-index:80;display:none;max-height:300px;overflow:auto}.search-results button{display:block;width:100%;padding:10px;text-align:left;border:0;background:#fff;border-bottom:1px solid #eee;color:var(--ink);cursor:pointer}.search-results button:hover{background:var(--blue2)}
.book-layout{height:calc(100vh - 300px);display:grid;grid-template-columns:265px minmax(450px,1fr) 325px;min-height:0}.left-sidebar{background:var(--navy);color:#fff;overflow-y:auto;border-right:3px solid #d5a43b}.left-sidebar h2{font-size:21px;margin:0;padding:14px 18px;background:var(--navy2)}.left-sidebar a{display:block;padding:10px 17px;border-bottom:1px solid #ffffff14;color:#fff;text-decoration:none;font-size:15px;cursor:pointer}.left-sidebar a:hover,.left-sidebar a.active{background:var(--blue)}.part-title{padding:12px 18px;background:var(--gold2);color:#33270f;font-weight:bold;font-size:18px}.part-title small{display:block;font-size:14px}.chapter span{padding-left:14px}
.content-area{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--cream);padding:0 12px 0 18px}.breadcrumb{height:50px;display:flex;align-items:center;color:var(--muted);font:14px var(--sans)}.reading-window{flex:1;min-height:0;overflow:auto;padding:0 20px 10px}.book-page{width:min(900px,100%);min-height:800px;margin:0 auto;padding:40px 42px 65px;background:radial-gradient(#00000009 .7px,transparent .7px) 0 0/5px 5px,var(--paper);box-shadow:0 8px 24px #00000026}.page-kicker{font-size:13px;letter-spacing:1.2px;color:#86580b;font-weight:bold}.page-label{float:right;font:10px var(--sans);letter-spacing:2px;color:#8b5d16}.book-page h1{font-size:38px;line-height:1.02;margin:14px 0 5px;color:#123a58}.book-page h1 strong{font-size:42px}.book-page h3{font-size:16px}.book-page p{font-size:16px;line-height:1.55}.chapter-intro{border-left:9px solid var(--gold);padding-left:18px}.chapter-intro span{font:bold 11px var(--sans);letter-spacing:1.5px;color:#936315}.chapter-intro h2{font-size:24px}.quote{margin:25px 8px;padding:16px 25px;background:#f7e8c6;border-left:9px solid var(--gold);border-radius:7px;text-align:center;font-size:19px;font-style:italic}.quote small{display:block;margin-top:8px;font:bold 10px var(--sans);color:#99620b}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.info-card{border:1px solid #ddd6ca;border-radius:9px;padding:15px}.info-card h3{margin:0}.highlight,.activity{margin:20px 0;padding:15px 18px;border-radius:8px;background:#eef5f7;border-left:6px solid var(--blue)}
.chapter-nav{height:44px;display:flex;justify-content:space-between;align-items:center;max-width:900px;width:100%;margin:auto;font:13px var(--sans)}.chapter-nav button{border:1px solid #9cb1bb;background:#fff;border-radius:5px;padding:7px 12px;color:var(--ink);cursor:pointer}.chapter-nav button:hover{background:var(--blue2)}
.right-sidebar{min-height:0;margin:26px 24px 0 0;background:#f7fbfc;border:1px solid #c8dbe3;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.toc-header{background:var(--blue2);color:#153e58;padding:16px;font-size:21px;font-weight:bold;border-bottom:1px solid #c8dbe3}.toc{overflow-y:auto;padding:10px 14px 20px}.toc a{display:block;padding:8px 2px;border-bottom:1px dotted #ccd7db;color:#14516f;text-decoration:none;font-size:15px;cursor:pointer}.toc a:hover{color:#a16b0d}.toc .indent{padding-left:27px}
.study-bar{height:58px;background:var(--navy);color:#fff;border-top:3px solid var(--gold);display:flex;justify-content:space-between;align-items:center;padding:0 15px 0 20px}.bible-label{font-size:19px}.bible-label span{color:#e5b64f;font-size:13px;margin-left:12px}.reading-controls{display:flex;align-items:center;gap:8px;font:13px var(--sans)}.reading-controls button{background:#155a7b;border:1px solid #4c88a3;color:#fff;border-radius:5px;padding:7px 10px;cursor:pointer}.bible-button{padding:8px 14px!important}
.bible-panel{position:fixed;left:285px;right:345px;bottom:66px;height:360px;background:#fffdf7;border:2px solid var(--gold);border-radius:9px;box-shadow:0 10px 35px #0000004d;z-index:70;display:none;flex-direction:column;overflow:hidden}.bible-panel.open{display:flex}.bible-panel-header{background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:19px}.bible-panel-header span{font-size:12px;color:#e5b64f;margin-left:10px}.bible-panel-header button,.utility-head button{border:0;background:transparent;color:inherit;font-size:27px;cursor:pointer}.bible-tools{padding:13px 16px 10px;border-bottom:1px solid #ddd2bd}.bible-tools label{font-weight:bold;display:block;margin-bottom:6px}.bible-search-row{display:flex;gap:8px}.bible-search-row input{flex:1;border:1px solid #bfcbd0;border-radius:5px;padding:9px 11px;font:15px var(--sans)}.bible-search-row button{background:var(--blue);border:0;color:#fff;border-radius:5px;padding:9px 16px;cursor:pointer}.bible-hint{font:12px var(--sans);color:#68757b;margin-top:6px}.bible-result{padding:14px 18px;overflow:auto;flex:1}.verse{border-bottom:1px solid #e2ddd2;padding:8px 0}.verse-ref{font-weight:bold;color:#8c5e12;margin-right:8px}.verse-text{line-height:1.5}.match{background:#f4df9f}
.utility-panel{position:fixed;left:280px;right:340px;top:245px;bottom:70px;background:#fffdf8;border:2px solid var(--gold);border-radius:9px;box-shadow:0 10px 35px #0005;z-index:60;display:none;overflow:auto}.utility-panel.open{display:block}.utility-head{position:sticky;top:0;background:var(--navy);color:#fff;padding:13px 18px;display:flex;justify-content:space-between;align-items:center}.utility-head h2{margin:0;font-size:21px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px}.resource-grid button{padding:25px;border:1px solid #ccd9dd;background:#eef5f7;border-radius:8px;color:var(--ink);cursor:pointer}.full-index{padding:20px}.index-part{margin-bottom:18px}.index-part h3{background:var(--gold2);padding:10px}.index-part button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px;border-bottom:1px dotted #ccc;color:var(--ink);cursor:pointer}.eval-question{padding:16px 20px;border-bottom:1px solid #ddd}.eval-question label{display:block;margin:7px 0}
@media(max-width:1100px){.book-layout{grid-template-columns:220px minmax(400px,1fr)}.right-sidebar{display:none}.nav-links{margin-left:190px}.bible-panel,.utility-panel{left:230px;right:15px}}
@media(max-width:760px){body{overflow:auto}.site-header{height:auto;flex-direction:column}.brand{padding:15px;min-width:0}.institution-logo{width:78px;height:78px}.institution h1{font-size:22px}.institution p{font-size:13px}.institution small{font-size:11px}.book-cover{width:100%;min-height:115px}.book-title{width:100%;text-align:center}.book-title h2{font-size:28px}.top-nav{height:auto;flex-direction:column}.nav-links{margin:0;overflow:auto}.nav-links a{padding:13px 18px;white-space:nowrap}.search{padding:8px 12px}.search input{width:100%}.book-layout{height:auto;display:block}.left-sidebar{max-height:330px}.content-area{padding:0}.reading-window{padding:0 8px 10px}.book-page{padding:28px 22px 45px}.page-label{display:none}.book-page h1,.book-page h1 strong{font-size:30px}.info-grid{grid-template-columns:1fr}.chapter-nav{padding:0 8px}.bible-panel,.utility-panel{left:8px;right:8px;bottom:90px;top:100px}.resource-grid{grid-template-columns:1fr 1fr}}

/* V4 — CITAS BÍBLICAS VISIBLES Y CLICABLES */
.bible-ref-link{
  display:inline-block;
  color:#8a5c0a;
  font-weight:bold;
  text-decoration:underline;
  text-decoration-style:dotted;
  cursor:pointer;
  margin-left:5px;
}
.bible-ref-link:hover{color:#0b5377}
.citation-box{
  margin:20px 0;
  padding:14px 18px;
  border:1px solid #d9c38f;
  border-left:7px solid var(--gold);
  border-radius:7px;
  background:#fff8e8;
}
.citation-box .citation-label{
  display:block;
  font:700 11px var(--sans);
  letter-spacing:1px;
  color:#8a5c0a;
  margin-bottom:6px;
}
.citation-box button{
  border:0;background:none;padding:0;color:#14516f;
  font:700 16px var(--serif);cursor:pointer;text-decoration:underline;
}
.citation-box button:hover{color:#a16b0d}

/* AJUSTE NEUMATOLOGÍA: texto integrado con párrafos continuos y ancho equilibrado */
.book-page{width:min(100%,1000px);padding:32px 38px 55px}
.book-page h1{font-size:34px;line-height:1.06}
.book-page h1 strong{font-size:37px}
.book-page h3{font-size:16px;line-height:1.35}
.chapter-intro{padding-left:16px;border-left-width:6px}
.chapter-intro h2{font-size:23px;margin:10px 0}
.chapter-intro p{font-size:16px;line-height:1.48;margin:0 0 10px}
.chapter-content-real{font-size:16px;line-height:1.48}
.chapter-content-real p{font-size:16px;line-height:1.48;text-align:justify;margin:0 0 13px;orphans:3;widows:3}
.chapter-content-real h2{font-size:22px;line-height:1.2;color:#123a58;margin:26px 0 10px;break-after:avoid}
.scripture-body{margin:18px 0;padding:13px 16px;background:#eef5f7;border-left:4px solid var(--blue);line-height:1.5}
.chapter-content-real h2:first-child{margin-top:22px}
@media(max-width:900px){.book-page{padding:24px 20px}.chapter-content-real p{font-size:15px}}

/* Materiales preliminares vinculados a la navegación de la maqueta */
.left-sidebar a.frontmatter-link{display:block;padding:10px 17px;border-bottom:1px solid #ffffff14;color:#fff;text-decoration:none;font-size:15px;cursor:pointer}
.left-sidebar a.frontmatter-link:hover,.left-sidebar a.frontmatter-link.active{background:var(--blue);color:#f1c25b}
.cover-content{min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px 22px}
.cover-mark{width:96px;height:96px;border:3px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--navy);font:bold 22px var(--sans);margin-bottom:32px}
.cover-content h1{font-size:48px;letter-spacing:1px;margin:10px 0;color:var(--navy)}
.cover-content h2{font-size:23px;font-weight:normal;color:var(--blue);margin:12px 0 25px}
.cover-gold-rule{height:4px;width:75%;background:var(--gold);margin:8px auto 25px}
.cover-content p{font-size:16px;line-height:1.5}
.cover-institution{margin-top:70px;font:bold 11px var(--sans)!important;letter-spacing:1.3px;color:#936315}
.chapter-content-real{font-size:16px;line-height:1.48}
.chapter-content-real p{font-size:16px;line-height:1.48;text-align:justify;margin:0 0 13px}
.chapter-content-real h2{font-size:22px;line-height:1.2;color:#123a58;margin:26px 0 10px}

/* Encabezado y portada oficiales suministrados para Neumatología */
.site-header.image-header{
  height:clamp(105px, 13vw, 205px);
  min-height:105px;
  display:block;
  background:#061b31 url("assets/encabezado-neumatologia-banner.png") center center / 100% 100% no-repeat;
  border-bottom:4px solid var(--gold);
}
.site-header.image-header .brand,.site-header.image-header .book-cover{display:none}
.book-page.cover-page{
  width:min(100%, 760px);
  min-height:0;
  aspect-ratio:2/3;
  padding:0;
  background:#061b31 url("assets/portada-neumatologia.png") center center / 100% 100% no-repeat;
  box-shadow:0 8px 24px #00000026;
}
.book-page.cover-page > *{display:none}
.text-reader{padding:0 0 7px;border-bottom:1px solid #ffffff22;margin-bottom:5px;flex:0 0 auto}
.reader-buttons{display:grid;grid-template-columns:1fr;gap:4px;padding:6px 10px}
.reader-buttons button{border:1px solid #b8a16b;background:#f8f0dc;color:var(--navy);border-radius:4px;padding:5px 8px;text-align:left;cursor:pointer;font:12px Arial,sans-serif;line-height:1.2}
.reader-buttons button:hover{background:#f1d58c}
.reader-speed-label{display:block;padding:0 10px 3px;font:11px Arial,sans-serif;color:#d8e5ed}
#readerSpeed{display:block;width:calc(100% - 20px);margin:0 10px;accent-color:var(--gold);height:14px}
.reader-status{font:10px/1.25 Arial,sans-serif;color:#d8e5ed;padding:3px 10px 0;min-height:16px}
.chapter-content-real .bible-inline-ref{display:inline;border:0;background:transparent;padding:0;color:#075b87;text-decoration:underline;text-underline-offset:2px;font:inherit;font-weight:bold;cursor:pointer}
.chapter-content-real .bible-inline-ref:hover{color:#a36c00}
@media(max-width:900px){
 .site-header.image-header{height:clamp(90px, 18vw, 150px);min-height:90px;background-size:100% 100%}
 .book-page.cover-page{width:min(100%, 620px)}
}

.bible-empty p{margin:0 0 10px}
.external-bible-link{color:#075b87;font-weight:bold;text-decoration:underline}
.external-bible-link:hover{color:#a36c00}

/* V5 — lector compacto para mostrar más índice del capítulo */
.right-sidebar .toc-header{padding:12px 14px;font-size:20px;line-height:1.12}
.right-sidebar .toc{flex:1;min-height:0}


/* Lector compacto adaptado desde la versión aprobada de Bibliología */
.voice-reader{background:#fffdf8;border-bottom:1px solid #c8dbe3;padding:14px 13px 13px;font-family:Arial,Helvetica,sans-serif;flex:0 0 auto}
.voice-title{font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:bold;color:#153e58;margin-bottom:4px}
.voice-status{font-size:11px;color:#66737b;min-height:16px;margin-bottom:9px}
.voice-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.voice-controls button{border:1px solid #9cb1bb;background:#eef5f7;color:#173b55;border-radius:5px;padding:7px 5px;font-size:12px;cursor:pointer}
.voice-controls button:hover{background:#dcecf3}
.voice-speed-label{display:block;font-size:11px;font-weight:bold;color:#66737b;margin:10px 0 4px}
#voiceSpeed{width:100%;border:1px solid #bfcbd0;border-radius:5px;padding:6px 7px;background:#fff;color:#173b55;font-size:12px}
@media(max-width:760px){.voice-reader{padding:11px}.voice-title{font-size:17px}}

/* IBVNC — Lector de voz visible en celulares. No altera la maqueta de escritorio. */
@media(max-width:1100px){
  .right-sidebar{display:flex!important;position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;z-index:99999!important;overflow:visible!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important;pointer-events:none!important}
  .right-sidebar .voice-reader{display:block!important;width:100%!important;margin:0!important;pointer-events:auto!important}
  .right-sidebar .toc-header,.right-sidebar .toc{display:none!important}
  .voice-controls{grid-template-columns:repeat(4,1fr)!important}
  .voice-controls button{padding:7px 3px!important;font-size:11px!important}
}

/* Controles ampliados del lector IBVNC */
.voice-controls .voice-wide{grid-column:1/-1}
.voice-progress-highlight{background:#fff1bd!important;outline:2px solid #c69b35;border-radius:3px}


/* Lector IBVNC: panel plegable y compacto */
.voice-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.voice-title{margin:0!important}
.voice-toggle{flex:0 0 30px;width:30px;height:28px;border:1px solid #a9bdc6;border-radius:6px;background:#eef5f7;color:#173b55;font-size:20px;line-height:1;cursor:pointer}
.voice-toggle:hover{background:#dcecf3}
.voice-reader.is-collapsed{padding:9px 12px!important}
.voice-reader.is-collapsed #voiceReaderBody{display:none!important}
.voice-reader.is-collapsed .voice-heading{min-height:29px}
@media(max-width:1100px){
  .right-sidebar .voice-reader{border-radius:10px!important;padding:9px 12px!important}
  .right-sidebar .voice-reader.is-collapsed{padding:7px 12px!important}
  .right-sidebar .voice-title{font-size:16px!important}
  .right-sidebar .voice-toggle{height:27px}
}