/* ===== Portada temporal · Jornada-homenaje (centenario) =====
   Todo está acotado bajo .jornada para no tocar el resto del sitio.
   Tipografías de los PDFs: TeX Gyre Heros Condensed Bold (GUST FL) + Lora (OFL). */

@font-face{font-family:"Heros Cn";src:url("/fonts/jornada/texgyreheroscn-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora J";src:url("/fonts/jornada/lora-var.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora J";src:url("/fonts/jornada/lora-italic-var.woff") format("woff");font-weight:400 700;font-style:italic;font-display:swap}

.jornada{
  --paper:#efe9dd; --ink:#1a1a1a; --red:#8e2b25; --muted:#665f53;
  --rule:#1a1a1a; --hair:rgba(26,26,26,.22); --soft:rgba(26,26,26,.06);
  --sans:"Heros Cn","TeX Gyre Heros Cn","Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
  --serif:"Lora J",Lora,Georgia,"Times New Roman",serif;
  background:var(--paper); color:var(--ink);
  font-family:var(--serif); font-size:1.27rem; line-height:1.6; font-weight:400;
  padding-top:64px;               /* hueco para la navbar fija (Bootstrap 3: ~50-60px) */
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
/* Modo oscuro: ajusta el selector si tu tema marca el modo de otra forma
   (comprueba con: grep -rn "cleanwhite-theme" themes/hugo-theme-cleanwhite) */
html[data-theme="dark"] .jornada, html.dark .jornada{
  --paper:#171510; --ink:#efe9dd; --red:#e58a7d; --muted:#a8a193;
  --rule:#efe9dd; --hair:rgba(239,233,221,.25); --soft:rgba(239,233,221,.07);
}
@media (prefers-color-scheme:dark){
  html:not([data-theme]):not(.light) .jornada{
    --paper:#171510; --ink:#efe9dd; --red:#e58a7d; --muted:#a8a193;
    --rule:#efe9dd; --hair:rgba(239,233,221,.25); --soft:rgba(239,233,221,.07);
  }
}

.jornada *, .jornada *::before, .jornada *::after{box-sizing:border-box}
:where(.jornada) img{max-width:100%;height:auto;display:block}
:where(.jornada) p{margin:0 0 .8rem}
:where(.jornada) a{color:inherit;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:.18em;text-decoration-thickness:1px}
:where(.jornada) a:hover,:where(.jornada) a:focus{color:var(--red)}
:where(.jornada) em{font-style:italic}
.jornada h1,.jornada h2,.jornada h3{color:var(--ink);font-family:var(--sans);font-weight:700;text-transform:uppercase;margin:0;text-shadow:none;letter-spacing:0}
.jornada [id]{scroll-margin-top:72px}

.j-wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem) 3rem}

/* Cabecera institucional */
.j-mast{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0 .7rem;border-bottom:1px solid var(--rule);
  font:700 0.925rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.j-mast__year{color:var(--red);white-space:nowrap}

/* Hero */
.j-eyebrow{font:700 1.07rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin:1.8rem 0 .5rem}
.j-hero{container-type:inline-size}
.jornada h1.j-name{font-size:clamp(2.2rem,11.6vw,8.6rem);font-size:clamp(2.2rem,11.5cqw,8.6rem);line-height:.88;letter-spacing:-.015em;margin:0}
.j-name span{display:block;white-space:nowrap}
.j-sub{font-style:italic;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.25;margin:1.1rem 0 2.2rem}

.j-hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,4vw,3.2rem);align-items:start}
.j-weekday{font:700 1.25rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin:0 0 .5rem}
.j-date{font:700 clamp(2.5rem,6.4vw,4rem)/.95 var(--sans);letter-spacing:-.01em;margin:0 0 .5rem}
.j-time{font:700 1.5rem/1.2 var(--sans);margin:0 0 1.1rem}
.j-where{padding-top:1rem;border-top:1px solid var(--rule);font-size:1.23rem}
.j-status{margin:1rem 0 1.1rem}
.j-status p{margin:0;font-weight:600}
[data-show]{display:none}
.jornada[data-phase="open"]   [data-show~="open"],
.jornada[data-phase="closed"] [data-show~="closed"],
.jornada[data-phase="day"]    [data-show~="day"],
.jornada[data-phase="after"]  [data-show~="after"]{display:block}
.j-status [data-show]{padding-left:.8rem;border-left:3px solid var(--red)}

.j-actions{margin:0 0 1.6rem}
.jornada[data-phase="open"] .j-actions[data-show~="open"],
.jornada[data-phase="closed"] .j-actions[data-show~="closed"],
.jornada[data-phase="day"] .j-actions[data-show~="day"],
.jornada[data-phase="after"] .j-actions[data-show~="after"]{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem}
.jornada a.j-btn{display:inline-block;background:var(--red);color:var(--paper);text-decoration:none;
  font:700 1.25rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:.95rem 1.5rem;border:2px solid var(--red)}
.jornada a.j-btn:hover,.jornada a.j-btn:focus{background:transparent;color:var(--red)}
.jornada a.j-link{font:700 1.07rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:.2rem;display:inline-block;align-self:center}

.j-photo{margin:0}
.j-photo img{width:100%;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.j-photo figcaption,.j-fig figcaption,.j-cover figcaption{font-size:0.975rem;line-height:1.45;color:var(--muted);margin-top:.55rem}

.j-quote{margin:1.6rem 0 0;padding:.1rem 0 .1rem 1rem;border:0;border-left:3px solid var(--red);font-size:inherit}
.j-quote p{font-style:italic;font-size:1.52rem;line-height:1.4;margin:0 0 .5rem}
.j-quote footer{font-size:0.975rem;line-height:1.45;color:var(--muted)}
.j-quote footer::before{content:none}

/* Índice interno */
.j-toc{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;padding:.9rem 0;margin-top:2.2rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.jornada .j-toc a{font:700 1rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.jornada .j-toc a:hover{color:var(--red)}

/* Secciones */
.j-sec{padding:1.8rem 0 .6rem}
.j-sec + .j-sec{border-top:1px solid var(--rule);margin-top:1.8rem}
.jornada h2.j-h2{font-size:clamp(2.62rem,5.4vw,4rem);line-height:.95;margin:0 0 1.2rem}
.jornada h2.j-label{font:700 1.1rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:0 0 .8rem}
.j-sec > .j-eyebrow{margin-top:0}
.j-text{max-width:40em;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}

.j-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem clamp(1.5rem,3.5vw,3rem)}
.j-lines{line-height:1.5}
.j-reg{display:flex;gap:1rem;align-items:flex-start}
.j-reg p{font-size:1.2rem}
.j-qr{flex:none;width:116px;height:116px;background:#efe9dd;color:#1a1a1a;padding:7px}
.j-small{font-size:1.15rem}

/* Programa */
.j-prog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem clamp(1.5rem,4vw,3.5rem)}
.jornada h3.j-h3{font-size:2.62rem;line-height:1;margin:0 0 .2rem}
.j-place{font:700 0.925rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 1rem}
.j-slots{list-style:none;margin:0;padding:0}
.j-slot{padding:.85rem 0 .5rem;border-top:1px solid var(--hair)}
.j-slot p{margin:0 0 .25rem}
.j-slot__time{font:700 1.69rem/1.1 var(--sans);letter-spacing:.01em}
.j-slot__tag{font:700 0.9rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.j-slot__title{font-weight:700}
.j-slot__title--italic{font-style:italic}
.j-slot__lead{color:var(--muted)}
.j-block .j-quote{margin-top:1.8rem}

/* Exposición y ensayo: texto + figuras */
.j-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2rem clamp(1.5rem,4vw,3.5rem);align-items:start}
.j-split--essay{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}
.j-cover{margin:0;max-width:340px}
.j-cover img,.j-fig img{width:100%;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.j-figs{display:grid;gap:1.6rem}
.j-fig{margin:0}
.j-fig--small img{width:150px}

/* Créditos */
.j-credits{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem clamp(1.5rem,4vw,3.5rem);align-items:center;font-size:1.05rem;line-height:1.5}
.j-credits dl{margin:0}
.j-credits dt{display:inline;font-weight:700}
.j-credits dt::after{content:": "}
.j-credits dd{display:inline;margin:0}
.j-credits dd::after{content:"";display:block;margin-bottom:.45rem}
.j-logos{display:flex;flex-wrap:wrap;gap:1rem 1.8rem;align-items:center;justify-content:flex-end}
.j-logo{height:72px;width:auto}
.j-logo--lhm{height:62px}
html[data-theme="dark"] .j-logos, html.dark .j-logos{background:#efe9dd;padding:.9rem 1.2rem}
@media (prefers-color-scheme:dark){html:not([data-theme]):not(.light) .j-logos{background:#efe9dd;padding:.9rem 1.2rem}}

/* La web (contenido habitual) */
.j-welcome h2{font-size:1.88rem;margin:1rem 0 .6rem;text-transform:none;font-family:var(--serif)}
.j-welcome hr{border:0;border-top:1px solid var(--hair);margin:1.4rem 0}
.jornada .home-sidebar-images{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.jornada .home-sidebar-image-link{display:block;flex:0 0 auto}
.jornada .home-sidebar-image{height:150px;width:auto;box-shadow:0 1px 3px rgba(0,0,0,.25)}

/* Responsive */
@media (max-width:900px){
  .j-trio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .j-trio > :last-child{grid-column:1 / -1}
}
@media (max-width:820px){
  .j-hero__grid,.j-prog,.j-split,.j-split--essay,.j-credits{grid-template-columns:minmax(0,1fr)}
  .j-trio{grid-template-columns:minmax(0,1fr)}
  .j-logos{justify-content:flex-start}
  .j-cover{max-width:260px}
  .j-mast{flex-direction:column;gap:.2rem}
}
@media print{.jornada{padding-top:0}.j-toc,.j-actions{display:none!important}}
