/* Estilos de los recursos: Biblia, Himnario, Estudios y Folletos.
   Usa los colores del sitio (site.css). Al final van los estilos del modo presentación de la Biblia (de PathLight). */
.rc-app{--color-primary:var(--navy);--color-foreground:var(--ink);--color-muted-foreground:var(--muted);--color-card:#fff;--color-background:var(--snow);
  --font-serif:var(--serif);--font-sans:var(--body);--shadow-bevel:0 1px 2px rgba(16,34,58,.08);min-height:40vh}
.bp-ov{--color-primary:var(--navy);--font-serif:var(--serif);--font-sans:var(--body)}
.stack{display:flex;flex-direction:column;gap:1rem}
.rc-stack{display:flex;flex-direction:column;gap:1.4rem}
.rc-loading,.rc-empty{color:var(--muted);text-align:center;padding:2rem 0}
.rc-empty .btn{margin-top:1rem}
.rc-back{align-self:flex-start;font-weight:700;text-decoration:none;color:var(--slate-dark)}
.rc-back:hover{text-decoration:underline}
.rc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font:700 .92rem var(--body);text-decoration:none;cursor:pointer}
.rc-btn:hover{border-color:var(--gold);color:var(--navy)}
.rc-btn svg{width:18px;height:18px;flex:none}
.rc-btn.off{visibility:hidden}
.rc-wa{color:#178f47}
.rc-present{background:var(--navy);color:#fff;border-color:var(--navy)}
.rc-present:hover{background:var(--navy-2);color:#fff}
.rc-title h2{font-family:var(--display);font-weight:500}
.rc-title p{margin-top:.5rem;color:var(--muted)}
.rc-note{font-size:.9rem;color:var(--muted)}
.rc-help{background:var(--snow);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}
.rc-help h3{margin-bottom:.4rem}
.rc-help p+p{margin-top:.8rem}
.rc-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:500;background:var(--night);color:#fff;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;font-weight:600;max-width:calc(100% - 32px)}
.rc-toast.on{opacity:1;transform:translate(-50%,0)}

/* Biblia */
.rc-go label{display:block;font-weight:700;color:var(--ink);margin-bottom:6px}
.rc-go div{display:flex;gap:8px}
.rc-go input{flex:1;min-width:0;min-height:48px;border:1px solid #c5ced8;border-radius:var(--radius);padding:10px 14px;font:inherit}
.rc-go-msg{color:#a3361f;font-size:.92rem;margin-top:6px}
.rc-go-msg:empty{display:none}
.rc-testament h2{font-size:1.35rem;margin-bottom:.8rem}
.rc-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.rc-book{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;background:#fff}
.rc-book:hover{border-color:var(--gold);background:#fffaf0;color:var(--ink)}
.rc-chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}
.rc-chapters a{display:grid;place-items:center;height:52px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-weight:700;background:#fff}
.rc-chapters a:hover{border-color:var(--gold);background:#fffaf0}
.rc-reader-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.rc-chapter-title{font-family:var(--display);font-weight:500;text-align:center}
.rc-verses{max-width:46rem;margin-inline:auto;font-family:var(--serif);line-height:1.75;color:var(--ink)}
.rc-v{margin:0 0 .35em;padding:2px 6px;border-radius:4px;cursor:pointer}
.rc-v sup{font-family:var(--body);font-size:.62em;font-weight:700;color:var(--slate-dark);margin-right:2px}
.rc-v.hl{background:#fff1c4}
.rc-v.sel{background:#dce8f7;box-shadow:inset 3px 0 0 var(--navy)}
.rc-v.flash{animation:rcflash 2.4s ease-out}
@keyframes rcflash{0%,40%{background:#ffe08a}100%{background:transparent}}
.rc-pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rc-selbar{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:var(--night);color:#fff;padding:8px 10px 8px 14px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.rc-selbar[hidden]{display:none}
.rc-selref{font-weight:700}
.rc-selbar .rc-btn{min-height:38px;padding:6px 11px}

/* Estudios */
.rc-studies{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rc-studies a{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;color:var(--ink)}
.rc-studies a:hover{border-color:var(--gold)}
.rc-num{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:600 1.1rem var(--display)}
.rc-st-t{flex:1;font-weight:700;font-size:1.08rem}
.rc-st-t small{display:block;font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-dark)}
.rc-done{color:#1f8a4c;font-weight:800;font-size:1.3rem}
.rc-share{align-self:flex-start}
.rc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,4vw,32px);box-shadow:var(--shadow)}
.rc-page-title{font-family:var(--serif);font-size:1.35rem;margin-bottom:.9rem}
.rc-p{margin:0 0 1rem}
.rc-h{margin:1.2rem 0 .6rem}
.rc-art{margin:0 0 1.2rem}
.rc-art img{width:100%;max-height:300px;object-fit:contain;border-radius:8px;background:var(--snow)}
.rc-blank{border-left:3px solid var(--gold);background:#fffaf0;padding:12px 14px;border-radius:0 8px 8px 0;margin:0 0 1rem}
.rc-ref{font-weight:800;color:var(--navy);font-size:.92rem;margin-bottom:.3rem}
.rc-vt{font-family:var(--serif);font-size:1.12rem;line-height:1.9;color:var(--ink)}
.rc-in{font:inherit;border:0;border-bottom:2px solid var(--slate);background:transparent;padding:0 4px;min-width:5ch;max-width:100%;color:var(--navy)}
.rc-in:focus{outline:none;border-bottom-color:var(--gold);background:#fff}
.rc-in.ok{border-bottom-color:#1f8a4c;color:#1f6b3d}
.rc-in.bad{border-bottom-color:#c0392b}
.rc-blank .rc-btn{margin-top:.5rem;min-height:36px}
.rc-fb{font-weight:700;margin-top:.4rem}
.rc-fb.ok{color:#1f8a4c}.rc-fb.bad{color:#a3361f}
.rc-dots{display:flex;justify-content:center;gap:7px;margin:1.4rem 0 1rem}
.rc-dots span{width:9px;height:9px;border-radius:50%;background:var(--line)}
.rc-dots span.on{background:var(--gold)}
.rc-pager .btn{flex:1;min-width:140px}
.rc-pager .btn[disabled]{opacity:.45;cursor:default}
.rc-answers h3{font-size:1.25rem;margin-bottom:.5rem}
.rc-answers p{margin-bottom:.8rem}
.rc-answers .f-row{margin-top:12px}
.rc-answers .f-status:empty{display:none}

/* Folletos */
.rc-tracts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.tr-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tr-cover{display:block;aspect-ratio:3/4;background:var(--slate-light);overflow:hidden}
.tr-cover img{width:100%;height:100%;object-fit:cover;object-position:top}
.rc-tr-blank{display:grid;place-items:center;height:100%;padding:20px;text-align:center;font:600 1.2rem var(--display);color:var(--navy);background:linear-gradient(160deg,#fff,var(--slate-light))}
.tr-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.tr-body h3{font-size:1.08rem}
.tr-meta{font-size:.88rem;color:var(--muted)}
.tr-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.tr-actions .rc-btn{min-height:38px;padding:6px 10px;font-size:.86rem}
.tr-card .ed-evedit{margin:0 16px 14px}

/* Ventana del proyector (/biblia/#/proyector): solo el texto */
body.rc-projector>*:not(.bp-ov){display:none!important}
body.rc-projector{background:#000}
/* ---- Modo presentación de la Biblia (de PathLight) ---- */
.bp-toggle{ position: absolute; right: 0; top: .2rem; display: inline-flex; align-items: center; gap: .35rem; border: 1.5px solid #d69e1b; background: transparent; color: var(--color-primary); border-radius: 999px; padding: .35rem .8rem; font: inherit; font-weight: 700; font-size: .85rem; cursor: pointer; }
.bp-toggle svg, .br-m-ic svg{ width: 18px; height: 18px; }
html.iec-dark body.brand-iec .bp-toggle{ color: #f1e6c8; }
html.bp-open, html.bp-open body{ overflow: hidden; }
.bp-ov{ position: fixed; inset: 0; z-index: 9900; background: #070b1c; color: #f6f1e3; display: flex; flex-direction: column; font-family: var(--font-serif, Georgia, serif); }
.bp-stage{ position: relative; flex: 1; min-height: 0; }
.bp-text{ position: absolute; inset: 0; overflow-y: auto; padding: 3vh 6vw 40vh; line-height: 1.38; }
.bp-h{ font-size: .62em; font-weight: 700; color: #f0c65a; margin: 0 0 .6em; display: flex; align-items: baseline; gap: .6em; letter-spacing: .01em; }
.bp-h span{ font-size: .55em; font-family: var(--font-sans, sans-serif); color: #9aa3c4; font-weight: 600; letter-spacing: .1em; }
.bp-v{ margin: 0 0 .45em; padding: .12em .35em; border-radius: .25em; cursor: pointer; transition: background .2s, color .2s; }
.bp-v sup{ font-family: var(--font-sans, sans-serif); font-size: .5em; font-weight: 800; color: #f0c65a; margin-right: .35em; vertical-align: .55em; }
.bp-v.on{ background: #f3d36b; color: #111; box-shadow: 0 0 0 .15em #f3d36b; }
.bp-v.on sup{ color: #7a4a00; }
.bp-black{ position: absolute; inset: 0; background: #000; z-index: 2; }
.bp-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; padding: .45rem .6rem; background: #111a38; border-top: 1px solid #26335e; font-family: var(--font-sans, sans-serif); font-size: .85rem; }
.bp-bar button{ background: #1d2a55; color: #eef1fb; border: 1px solid #33427a; border-radius: 8px; padding: .4rem .65rem; font: inherit; font-weight: 600; cursor: pointer; min-height: 36px; }
.bp-bar button:hover{ background: #283a74; }
.bp-bar button.on{ background: #d69e1b; border-color: #d69e1b; color: #1a1300; }
.bp-bar .bp-x{ margin-left: auto; background: #5a1f1f; border-color: #7a2c2c; }
.bp-go{ flex: 1 1 200px; max-width: 320px; }
.bp-go input{ width: 100%; min-height: 36px; border-radius: 8px; border: 1.5px solid #d69e1b; background: #0b1230; color: #fff; padding: 0 .7rem; font: inherit; font-size: .95rem; box-sizing: border-box; }
.bp-sep{ width: 1px; height: 24px; background: #33427a; margin: 0 .2rem; }
.bp-pos{ min-width: 4.5rem; text-align: center; color: #cfd6ec; font-weight: 600; white-space: nowrap; }
.bp-lc{ color: #f0c65a; }
.bp-panel{ position: absolute; left: 0; right: 0; bottom: 56px; max-height: 70vh; overflow-y: auto; background: #111a38; border-top: 2px solid #d69e1b; padding: .8rem 1rem 1rem; font-family: var(--font-sans, sans-serif); z-index: 3; box-shadow: 0 -10px 30px rgba(0,0,0,0.5); }
.bp-panel h3{ margin: 0 0 .5rem; color: #f0c65a; font-size: 1rem; display: flex; align-items: center; gap: .5rem; }
.bp-panel button{ background: #1d2a55; color: #eef1fb; border: 1px solid #33427a; border-radius: 8px; padding: .4rem .55rem; font: inherit; font-size: .85rem; cursor: pointer; }
.bp-panel button:hover{ background: #283a74; }
.bp-books{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 700px){.bp-books{ grid-template-columns: 1fr; }}
.bp-bgrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: .3rem; }
.bp-cgrid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(3.2rem, 1fr)); gap: .3rem; }
.bp-cgrid button{ font-size: 1rem; font-weight: 700; min-height: 44px; }
.bp-list textarea{ width: 100%; box-sizing: border-box; border-radius: 8px; border: 1px solid #33427a; background: #0b1230; color: #fff; padding: .5rem .6rem; font: inherit; font-size: .95rem; }
.bp-note{ margin: 0 0 .5rem; color: #aeb7d3; font-size: .85rem; }
.bp-chips{ display: flex; flex-wrap: wrap; gap: .35rem; margin: .5rem 0; }
.bp-chip.bad{ border-color: #c6423a; color: #f6b1a4; }
.bp-chip.cur{ background: #d69e1b; border-color: #d69e1b; color: #1a1300; }
.bp-row{ display: flex; gap: .5rem; }
.bp-panel .bp-gold{ background: #d69e1b; border-color: #d69e1b; color: #1a1300; font-weight: 700; }
.bp-toast{ position: absolute; left: 50%; top: 1rem; transform: translateX(-50%); background: #f3d36b; color: #111; padding: .5rem 1rem; border-radius: 10px; font-family: var(--font-sans, sans-serif); font-weight: 600; z-index: 5; max-width: 90vw; }
.bp-ov:fullscreen .bp-bar{ opacity: .12; transition: opacity .3s; }
.bp-ov:fullscreen .bp-bar:hover, .bp-ov:fullscreen .bp-bar:focus-within{ opacity: 1; }
.bp-display .bp-text{ cursor: default; padding-bottom: 50vh; }
.bp-display .bp-v{ cursor: default; }
.bp-wait{ font-family: var(--font-sans, sans-serif); font-size: 1.1rem; color: #9aa3c4; }
.bp-hint{ position: absolute; right: .8rem; bottom: .5rem; font: 600 .75rem var(--font-sans, sans-serif); color: #4a5578; }
.bp-display:fullscreen .bp-hint{ display: none; }
@media (max-width: 760px){.bp-toggle span{ display: none; }.bp-text{ padding: 2vh 4vw 40vh; }.bp-bar{ font-size: .8rem; }.bp-go{ flex-basis: 100%; max-width: none; }}
@media (max-width: 760px){.bp-bar [data-a="win"]{ display: none; }}
html.iec-dark body.brand-tnbcp .bp-toggle{ color: #dfe4d5; }