/* El Nostos del Peregrino · páginas de lectura (proyecto, horas, voces, biblioteca).
   Se cargan después de travesia.css: comparten tokens, menú global y tipografía. */
.pg-body{background:var(--noche)}
.pg-hero{position:relative;min-height:78svh;display:grid;align-content:end;padding:120px max(20px,7vw) clamp(48px,8vh,96px);overflow:hidden;isolation:isolate}
.pg-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) center/cover no-repeat;transform:scale(1.04);animation:respira 18s var(--ease) both}
.pg-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,15,27,.25) 0%,rgba(11,15,27,.35) 45%,rgba(11,15,27,.94) 88%,var(--noche) 100%),linear-gradient(90deg,rgba(11,15,27,.7),rgba(11,15,27,0) 65%)}
.pg-hero .k,.pg .k{font-family:var(--sc);letter-spacing:.14em;font-size:15px;color:var(--vela);margin:0 0 16px;display:flex;align-items:center;gap:14px;max-width:34rem}
.pg-hero .k::after,.pg .k::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(217,162,90,.5),rgba(217,162,90,0))}
.pg-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(54px,9vw,140px);line-height:.92;letter-spacing:-.025em;margin:0;max-width:12ch;animation:surge 1.4s .2s var(--ease) both}
.pg-hero h1 em,.pg h2 em{font-style:italic;color:var(--vela)}
.pg-hero .sub{font-size:clamp(20px,1.8vw,26px);line-height:1.45;color:#dcdad3;max-width:40ch;margin:22px 0 0;font-style:italic;animation:surge 1.4s .45s var(--ease) both}
@keyframes respira{from{transform:scale(1.1)}to{transform:scale(1.04)}}

.pg{padding:0 max(20px,7vw) 40px}
.pg-sec{max-width:1180px;margin:0 auto;padding:clamp(72px,11vh,128px) 0 0}
.pg h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.6vw,66px);line-height:1.02;letter-spacing:-.02em;margin:0 0 28px;max-width:18ch}
.pg h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.1;margin:0}
.pg p{font-size:clamp(19px,1.35vw,21px);line-height:1.62;color:#dedcd5;margin:0 0 18px;max-width:62ch}
.pg .lead{font-size:clamp(22px,2vw,28px);line-height:1.45;color:#ece8df;font-style:italic;max-width:46ch}
.pg i{font-style:italic}
.pg a{color:var(--vela);text-underline-offset:.2em}
.pg a.btn{color:var(--noche);text-decoration:none}
.pg .q{margin:28px 0;padding:2px 0 2px 22px;border-left:1px solid rgba(217,162,90,.55);max-width:46ch}
.pg .q p{font-size:clamp(21px,1.8vw,26px);line-height:1.42;color:#f1ece2;margin:0}
.pg cite,.pg .src{display:block;font-style:normal;font-family:var(--sc);letter-spacing:.07em;font-size:15px;color:var(--vela);margin-top:12px}
.dos{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:start}

/* la carta */
.carta{background:linear-gradient(180deg,rgba(27,36,64,.55),rgba(27,36,64,.25)),var(--grano);background-blend-mode:normal,soft-light;padding:clamp(28px,4vw,64px);box-shadow:0 0 0 1px rgba(217,162,90,.14) inset}
.carta p{font-size:clamp(20px,1.45vw,22px)}
.firma{font-family:var(--display);font-style:italic;font-size:28px;color:var(--luna);margin:28px 0 0!important}
.firma small{display:block;font-family:var(--sc);font-style:normal;font-size:15px;letter-spacing:.1em;color:var(--vela);margin-top:6px}

/* tríadas y listas */
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:16px}
.tres article{padding-top:22px;border-top:1px solid rgba(217,162,90,.4)}
.tres .n{font-family:var(--sc);letter-spacing:.12em;font-size:15px;color:var(--vela);margin:0 0 10px}
.tres h3{margin-bottom:14px}
.tres h3 em{font-style:italic;color:var(--vela)}
.denoms{list-style:none;margin:0;padding:0;font-family:var(--display);font-size:clamp(24px,2.2vw,32px);line-height:1.5}
.denoms li{border-bottom:1px solid rgba(163,173,186,.18);padding:6px 0}
.nota-p{font-size:16px!important;color:#aab2bc!important}

/* las horas: bandas con su escena */
.hora{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(56px,9vh,104px)}
.hora:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.hora:nth-of-type(even) figure{order:2}
.hora figure{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.hora img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.6s var(--ease)}
.hora figure:hover img{transform:scale(1.03)}
.hora figcaption{position:absolute;left:16px;bottom:12px;font-family:var(--sc);font-size:14px;letter-spacing:.1em;color:var(--luna);text-shadow:0 1px 8px rgba(0,0,0,.9)}
.hora .num{font-family:var(--display);font-size:clamp(64px,7vw,104px);line-height:.8;color:var(--vela);margin:0 0 6px}
.hora h3{font-size:clamp(34px,3.4vw,50px);margin-bottom:10px}
.ficha{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:18px 0 6px;font-size:17px;color:#cfd4da}
.ficha dt{font-family:var(--sc);letter-spacing:.1em;font-size:14px;color:var(--vela);padding-top:3px}
.ficha dd{margin:0}
.reglas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.reglas p{padding-top:18px;border-top:1px solid rgba(163,173,186,.25)}
.reglas strong{display:block;font-family:var(--display);font-weight:400;font-size:24px;color:var(--luna);margin-bottom:6px}

/* las voces */
.grupo{margin-top:clamp(56px,8vh,96px)}
.grupo>h3{font-family:var(--sc);font-size:16px;letter-spacing:.14em;color:var(--vela);padding-bottom:14px;border-bottom:1px solid rgba(217,162,90,.35);margin-bottom:8px}
.voces{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:0 clamp(28px,4vw,56px)}
.voz{padding:26px 0;border-bottom:1px solid rgba(163,173,186,.16)}
.voz h4{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.2vw,32px);margin:0;line-height:1.1}
.voz .fe{font-family:var(--sc);letter-spacing:.08em;font-size:14px;color:#aab2bc;margin:6px 0 12px}
.voz p{font-size:18px;line-height:1.55;margin:0 0 10px}
.voz .q{margin:16px 0 0}
.voz .q p{font-size:clamp(19px,1.45vw,22px)}
.voz .pend{font-size:15px;color:#8f9aa8;font-style:italic;margin:12px 0 0}

/* la biblioteca */
.portadas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);align-items:end;margin-top:12px}
.portadas figure{margin:0}
.portadas img{width:100%;height:auto;display:block;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(233,228,216,.08);transition:transform .6s var(--ease)}
.portadas figure:hover img{transform:translateY(-6px)}
.portadas figcaption{font-size:15px;line-height:1.4;color:#c3c8cf;margin-top:12px}
.portadas figcaption b{display:block;font-family:var(--sc);font-weight:400;letter-spacing:.1em;color:var(--vela);font-size:14px;margin-bottom:2px}
.estados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.estados article{padding:24px 0 0;border-top:2px solid var(--c)}
.estados .ic{font-family:var(--display);font-size:40px;line-height:1;color:var(--c);margin:0 0 8px}
.pasos{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);counter-reset:p}
.pasos li{counter-increment:p;padding-top:16px;border-top:1px solid rgba(163,173,186,.25);font-size:18px;line-height:1.5;color:#dedcd5}
.pasos li::before{content:counter(p);display:block;font-family:var(--display);font-size:40px;color:var(--vela);line-height:1;margin-bottom:10px}
.pasos strong{display:block;font-family:var(--display);font-weight:400;font-size:24px;color:var(--luna);margin-bottom:4px}
.obras{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px clamp(28px,4vw,56px)}
.obras section{padding:20px 0}
.obras h3{font-family:var(--sc);font-size:15px;letter-spacing:.14em;color:var(--vela);margin-bottom:10px}
.obras ul{list-style:none;margin:0;padding:0}
.obras li{font-size:18px;line-height:1.5;color:#dedcd5;padding:8px 0;border-bottom:1px solid rgba(163,173,186,.14)}
.obras li small{display:block;font-size:15px;color:#9aa4b0}
.noes{list-style:none;margin:0;padding:0;max-width:70ch}
.noes li{font-size:19px;line-height:1.55;color:#dedcd5;padding:16px 0;border-bottom:1px solid rgba(163,173,186,.16)}
.noes li b{font-weight:400;color:var(--luna);font-style:italic}

/* pie: la página siguiente */
.pg-sig{max-width:1180px;margin:clamp(88px,13vh,150px) auto 0;padding:48px 0 56px;border-top:1px solid rgba(217,162,90,.35);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px}
.pg-sig a.sig{text-decoration:none;color:var(--luna);display:grid;gap:6px}
.pg-sig a.sig small{font-family:var(--sc);letter-spacing:.14em;font-size:15px;color:var(--vela)}
.pg-sig a.sig span{font-family:var(--display);font-size:clamp(34px,4vw,56px);line-height:1;transition:color .2s}
.pg-sig a.sig:hover span{color:var(--vela)}
.pg-pie{max-width:1180px;margin:0 auto;padding:0 0 48px;font-size:15px;line-height:1.6;color:#8f9aa8}
.pg-pie p{font-size:15px;color:#8f9aa8;max-width:none}
.pg-pie a{color:#b9c0c9}

@media (max-width:900px){
  .dos,.hora,.hora:nth-of-type(even){grid-template-columns:1fr}
  .hora:nth-of-type(even) figure{order:0}
  .tres,.reglas,.estados{grid-template-columns:1fr}
  .pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portadas{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:520px){.portadas{grid-template-columns:repeat(2,minmax(0,1fr))}.pasos{grid-template-columns:1fr}.pg-hero{min-height:70svh}}
@media (prefers-reduced-motion:reduce){.pg-hero::before,.pg-hero h1,.pg-hero .sub{animation:none!important}}