[hidden]{display:none!important}
body.single-capitulo{--W:480px;margin:0;background:#050505;color:#f3eadb;font-family:Georgia,'Times New Roman',serif;display:flex;justify-content:center;padding:0}
/* v2: el fondo de toda la página (html + body) sigue el color elegido, así no sale negro mientras carga */
html[data-fondo="oscuro"],html[data-fondo="oscuro"] body.single-capitulo{background:#050505!important}
html[data-fondo="claro"],html[data-fondo="claro"] body.single-capitulo,body.single-capitulo[data-fondo="claro"]{background:#fff!important;color:#1a1a1a}
html[data-fondo="sepia"],html[data-fondo="sepia"] body.single-capitulo,body.single-capitulo[data-fondo="sepia"]{background:#f4ecd8!important;color:#3b2f1e}
html[data-fondo="claro"]{color-scheme:light}html[data-fondo="sepia"]{color-scheme:light}html[data-fondo="oscuro"]{color-scheme:dark}
body.single-capitulo .npl-app,body.single-capitulo .npl-bar,body.single-capitulo .npl-ov{
 --bg:#050505;--line:#2b2217;--gold:#e8c46c;--peach:#f1c48f;--tx:#f3eadb;--mut:#b2a690;--chip:#17120c;--sheet:#100d09;--txt:#ece6db;--bar:#050505;--btn:#0c0905ee;--brd:#6d5124}
:is(html[data-fondo="sepia"],body.single-capitulo[data-fondo="sepia"]) .npl-app,:is(html[data-fondo="sepia"],body.single-capitulo[data-fondo="sepia"]) .npl-bar,:is(html[data-fondo="sepia"],body.single-capitulo[data-fondo="sepia"]) .npl-ov{--bg:#f4ecd8;--line:#d9cba8;--gold:#8a5a00;--peach:#8a5a00;--tx:#3b2f1e;--mut:#7a6a4f;--chip:#eadfc3;--sheet:#f4ecd8;--txt:#3b2f1e;--bar:#eadfc3;--btn:#f4ecd8ee;--brd:#c4b283}
:is(html[data-fondo="claro"],body.single-capitulo[data-fondo="claro"]) .npl-app,:is(html[data-fondo="claro"],body.single-capitulo[data-fondo="claro"]) .npl-bar,:is(html[data-fondo="claro"],body.single-capitulo[data-fondo="claro"]) .npl-ov{--bg:#fff;--line:#e2e2e2;--gold:#8a6a00;--peach:#8a6a00;--tx:#1a1a1a;--mut:#666;--chip:#f2f2f2;--sheet:#fff;--txt:#1a1a1a;--bar:#f7f7f7;--btn:#ffffffee;--brd:#cfcfcf}
.npl-app,.npl-app *,.npl-bar,.npl-bar *,.npl-ov,.npl-ov *{box-sizing:border-box}
.npl-app{width:100%;max-width:var(--W);min-height:100vh;background:var(--bg);color:var(--tx);container-type:inline-size;position:relative;font-family:Georgia,'Times New Roman',serif;line-height:normal}
.npl-app a,.npl-ov a{color:inherit;text-decoration:none}
.npl-app svg,.npl-bar svg,.npl-ov svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em;flex:none}
.npl-app button,.npl-bar button,.npl-ov button{font-family:inherit}
.npl-in{--p:calc(100cqw/851)}

/* Cabecera: anterior y me gusta */
.npl-topb{padding-top:0}
.npl-topb .npl-ad{margin:0 16px 14px}
.npl-prev,.npl-lk{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));z-index:6;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #8a6a2c;border-radius:50%;background:var(--btn);color:var(--tx);cursor:pointer}
.npl-prev{left:max(16px,calc(50% - var(--W)/2 + 16px))}
.npl-lk{right:max(16px,calc(50% - var(--W)/2 + 16px))}
.npl-prev svg,.npl-lk svg{font-size:22px;color:var(--peach)}
.npl-lk.on{color:var(--gold);border-color:var(--gold)}.npl-lk.on svg{fill:currentColor;color:var(--gold)}
.npl-prev[disabled]{opacity:.35;cursor:default}

/* Estadísticas */
.npl-stats{display:grid;grid-template-columns:repeat(3,1fr);min-height:68px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.npl-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-left:1px solid var(--line);min-width:0}
.npl-stats>div:first-child{border:0}
.npl-stats .t{display:flex;align-items:center;gap:calc(12*var(--p));font-size:max(13px,calc(22*var(--p)));white-space:nowrap}
.npl-stats .t svg{font-size:max(19px,calc(34*var(--p)));color:var(--peach)}
.npl-stats small{font-size:max(9.5px,calc(15*var(--p)));color:var(--mut);white-space:nowrap}

/* Título del capítulo */
.npl-orn{display:flex;align-items:center;gap:calc(8*var(--p));margin:18px max(22px,calc(57*var(--p))) 0;color:var(--peach);font-size:max(18px,calc(34*var(--p)));line-height:1;height:30px}
.npl-orn:before,.npl-orn:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#8a6a3a,#d9ac6a)}
.npl-orn:after{background:linear-gradient(90deg,#d9ac6a,#8a6a3a)}
.npl-orn.s{font-size:max(10px,calc(18*var(--p)));margin-top:0}
.npl-ctit{padding:18px max(22px,calc(57*var(--p))) 12px;text-align:center}
.npl-ctit h1{margin:0;font-size:max(24px,calc(47*var(--p)));font-weight:500;color:var(--peach);line-height:1.1}
.npl-ctit em{display:block;font-size:max(17px,calc(34*var(--p)));color:var(--peach);margin-top:8px}

/* Texto */
.npl-texto{padding:30px max(24px,calc(80*var(--p))) 20px max(22px,calc(57*var(--p)));font-size:max(15px,calc(24*var(--p)));line-height:1.8;color:var(--txt)}
.npl-texto p{margin:0 0 20px}
.npl-vacio{color:var(--mut)}
.npl-fin{padding:0 max(22px,calc(57*var(--p)))}
.npl-env{display:block;width:100%;margin:8px 0 6px;background:linear-gradient(180deg,#f0d28a,#d2a24a);color:#1a1208;border:0;border-radius:10px;padding:12px;font:600 15px Georgia,serif;cursor:pointer;text-align:center}
.npl-env[disabled]{opacity:.6}
.npl-acc{margin:6px 0 14px;text-align:center}
.npl-acc p{font:15px system-ui,sans-serif;color:var(--tx);margin:0 0 10px}
.npl-acc .npl-env{text-decoration:none;color:#1a1208!important;margin:8px 0}
.npl-acc .npl-env-2{background:transparent;color:var(--gold)!important;border:1px solid var(--gold)}
.npl-sig{padding:14px}

/* Barra inferior */
.npl-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--W);container-type:inline-size;z-index:5;transition:transform .3s ease}
.npl-bar.hid{transform:translate(-50%,105%)}
.npl-bar>div{--p:calc(100cqw/851);background:var(--bar);border:1px solid var(--line);border-bottom:0;border-radius:calc(36*var(--p)) calc(36*var(--p)) 0 0;display:grid;grid-template-columns:253fr 330fr 268fr;padding:18px 0 calc(18px + env(safe-area-inset-bottom,0px))}
.npl-bar button{background:none;border:0;border-left:1px solid var(--line);color:var(--tx);font:max(12px,calc(21*var(--p))) Georgia,serif;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:0;white-space:nowrap}
.npl-bar button:first-child{border:0}
.npl-bar svg{font-size:max(22px,calc(40*var(--p)));color:var(--peach)}

/* Paneles */
.npl-ov{font-family:Georgia,'Times New Roman',serif;color:var(--tx);position:fixed;inset:0;background:#000a;z-index:9;display:none}.npl-ov.on{display:block}
.npl-sh{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:var(--W);max-height:80vh;overflow:auto;background:var(--sheet);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px))}
.npl-sh h3{margin:0 0 14px;font-size:21px;font-weight:500;color:var(--peach);display:flex;justify-content:space-between;align-items:center}
.npl-sh h3 button{background:none;border:0;color:var(--mut);font-size:22px;cursor:pointer}
.npl-ci{display:flex;justify-content:space-between;padding:13px 4px;border-top:1px solid var(--line);color:var(--tx);font-size:16px}
.npl-ci.act{color:var(--gold)}.npl-ci small{color:var(--mut)}
.npl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}
.npl-row button{background:var(--chip);border:1px solid var(--line);color:var(--tx);border-radius:8px;padding:8px 18px;font:600 15px system-ui,sans-serif;cursor:pointer}
.npl-row button.sel{border-color:var(--gold);color:var(--gold)}
.npl-sh textarea,.npl-sh input[type=text],.npl-sh input[type=email]{width:100%;background:var(--chip);border:1px solid var(--line);border-radius:10px;color:var(--tx);padding:12px;font:15px system-ui,sans-serif;margin-bottom:8px}
.npl-sh textarea{min-height:70px;resize:vertical}
.npl-com{padding:13px 0;border-top:1px solid var(--line);font:14.5px/1.45 system-ui,sans-serif;color:var(--txt)}
.npl-com b{color:var(--tx);font-weight:500}.npl-com small{color:var(--mut);margin-left:6px}.npl-com p{margin:3px 0 0;overflow-wrap:anywhere}
.npl-msg{font:14px system-ui,sans-serif;color:var(--peach);margin:4px 0 8px}
.npl-app :focus-visible,.npl-bar :focus-visible,.npl-ov :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
body.single-capitulo .top,body.single-capitulo .nav{display:none}

/* Computadora: columna de lectura más ancha */
@media (min-width:768px){
 body.single-capitulo{--W:100%}
 .npl-texto{max-width:860px;margin:0 auto;padding:36px 24px 20px;font-size:22px;line-height:1.85}
 .npl-ctit h1{font-size:40px}.npl-ctit em{font-size:24px}
 .npl-stats .t{font-size:18px}.npl-stats .t svg{font-size:26px}.npl-stats small{font-size:13px}
 .npl-bar button{font-size:16px}.npl-bar svg{font-size:30px}
 .npl-fin{max-width:860px;margin:0 auto;padding:0 24px}
 .npl-sh{max-width:640px}
 .npl-in,.npl-bar>div{--p:.9px}
 .npl-orn{max-width:860px;margin-left:auto;margin-right:auto}
 .npl-prev,.npl-lk{top:16px}
 .npl-prev{left:24px}.npl-lk{right:24px}
}

/* Barra de administración de WordPress (cuando hay sesión de admin): bajar botones fijos y panel */
body.admin-bar .npl-prev,body.admin-bar .npl-lk{top:calc(44px + env(safe-area-inset-top,0px))}

@media (max-width:782px){
 body.admin-bar .npl-prev,body.admin-bar .npl-lk{top:calc(58px + env(safe-area-inset-top,0px))}
}
@media (min-width:768px){.npl-texto{font-size:22px}}

@media (min-width:768px){body.admin-bar .npl-prev,body.admin-bar .npl-lk{top:calc(48px + env(safe-area-inset-top,0px))}}

.npl-com-re{background:rgba(232,196,108,.10);border-radius:10px;padding-left:10px;padding-right:10px}

/* Anuncios dentro del capítulo */
.npl-ad{margin:26px 0;text-align:center;overflow:hidden;max-width:100%}
.npl-ad>small{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.5}
.npl-ad-c{min-height:0}

/* Abajo: solo el espacio justo para la barra inferior. Si hay anuncio al final, va pegado al texto y debajo queda ese mismo espacio; si no hay, no sobra nada. */
.npl-in{display:block;min-height:0;padding-bottom:calc(var(--bh,96px) + 18px + env(safe-area-inset-bottom,0px))}
.npl-texto{display:block}


/* Barra de arriba (fija, igual que la de abajo): atrás, número, me gusta y esconder. Aquí también puede ir un anuncio. */
body.single-capitulo .npl-tbar{--bg:#050505;--line:#2b2217;--gold:#e8c46c;--peach:#f1c48f;--tx:#f3eadb;--mut:#b2a690;--bar:#050505;--btn:#0c0905ee}
:is(html[data-fondo="sepia"],body.single-capitulo[data-fondo="sepia"]) .npl-tbar{--bg:#f4ecd8;--line:#d9cba8;--gold:#8a5a00;--peach:#8a5a00;--tx:#3b2f1e;--mut:#7a6a4f;--bar:#eadfc3;--btn:#f4ecd8ee}
:is(html[data-fondo="claro"],body.single-capitulo[data-fondo="claro"]) .npl-tbar{--bg:#fff;--line:#e2e2e2;--gold:#8a6a00;--peach:#8a6a00;--tx:#1a1a1a;--mut:#666;--bar:#f7f7f7;--btn:#ffffffee}
.npl-tbar,.npl-tbar *{box-sizing:border-box}
.npl-tbar svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em;flex:none}
.npl-tbar a{color:inherit;text-decoration:none}
.npl-tbar button{font-family:inherit}
.npl-tbar :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.npl-tbar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--W);container-type:inline-size;z-index:6;transition:transform .3s ease;color:var(--tx);font-family:Georgia,'Times New Roman',serif}
.npl-tbar.hid{transform:translate(-50%,-110%)}
.npl-tbar-r{--p:calc(100cqw/851);background:var(--bar);border:1px solid var(--line);border-top:0;border-radius:0 0 calc(36*var(--p)) calc(36*var(--p));display:grid;grid-template-columns:253fr 330fr 268fr;padding:calc(18px + env(safe-area-inset-top,0px)) 0 18px}
.npl-tbar .npl-prev,.npl-tbar .npl-lk,.npl-tbt{position:static;width:auto;height:auto;border:0;border-radius:0;background:none;margin:0;padding:0;color:var(--tx);font:max(12px,calc(21*var(--p))) Georgia,serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer}
.npl-tbt{cursor:default;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.npl-tbar .npl-tip{color:var(--mut);font-size:max(11px,calc(19*var(--p)));line-height:1.3;white-space:normal;text-align:center;padding:0 10px;font-style:italic}
.npl-tbar .npl-lk{background:none}
.npl-tbar svg{font-size:max(22px,calc(40*var(--p)));color:var(--peach)}
.npl-tbar .npl-prev svg,.npl-tbar .npl-lk svg{font-size:max(22px,calc(40*var(--p)))}
.npl-tbar .npl-lk.on{color:var(--gold);border:0;background:none}.npl-tbar .npl-lk.on svg{fill:currentColor;color:var(--gold)}
.npl-bn{grid-column:1/-1;margin:14px 14px 0;padding-top:12px;border-top:1px solid var(--line);text-align:center;overflow:hidden}
.npl-bn a{display:block}
.npl-bn img{display:block;margin:0 auto;max-width:100%;max-height:80px;width:auto;height:auto;border-radius:12px}
.npl-tsp{flex:none;height:80px;transition:height .3s ease;overflow:hidden}
.npl-tsp.col{height:0!important}


@media (min-width:768px){.npl-tbar-r{--p:.9px}.npl-tbar .npl-prev,.npl-tbar .npl-lk,.npl-tbt{font-size:16px}.npl-tbar svg{font-size:30px}}

/* Lector: sin barra de WordPress (empujaba la barra de arriba hacia abajo y dejaba un hueco) */
body.single-capitulo #wpadminbar{display:none!important}
html:has(body.single-capitulo){margin-top:0!important}
body.single-capitulo .npl-tbar{top:0!important}

/* Aviso discreto de anuncios bloqueados: va en la barra de arriba, justo donde iría el banner (bajo Volver / Me gusta) */
.npl-adblock{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:14px 14px 0;padding-top:12px;border-top:1px solid var(--line);color:var(--mut);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.npl-adblock[hidden]{display:none}
.npl-adblock p{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.45;color:var(--mut)}
.npl-adblock strong{font-weight:600;color:var(--peach)}
.npl-adblock button{flex:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--gold);font:600 12px/1 system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
.npl-adblock button:active{background:var(--line)}
.npl-bn.npl-bn-vacio{height:0;margin:0;padding:0;border:0;overflow:hidden}
@media(max-width:380px){.npl-adblock{gap:8px;margin-left:10px;margin-right:10px}.npl-adblock p{font-size:11.5px}}