@import url('./editorial-home.css');
@import url('./editorial-type.css');
:root{--navy:#101b21;--night:#0a1218;--coal:#1a252b;--gold:#dcb474;--warm-gold:#c99d5a;--cream:#f8f6f0;--parchment:#f1eadd;--paper:#fffefa;--ink:#1c2428;--muted:#67696b;--line:#ddd8cc;--serif:var(--editorial-serif);--sans:var(--editorial-serif)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--serif);font-size:var(--editorial-body);line-height:var(--editorial-leading)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a:hover .piece-name{color:#9a6723}.wrap{max-width:1480px;margin-inline:auto;padding-left:38px;padding-right:38px}.eyebrow{font:600 11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em}.gold{color:var(--gold)}.site-header{background:rgba(9,17,22,.96);color:#f9f3e8;position:sticky;top:0;z-index:10;box-shadow:0 2px 15px #0005}.bar{display:flex;align-items:center;gap:30px;min-height:69px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-emblem{font-size:35px;line-height:1;color:var(--gold)}.brand b{font:normal 23px/1.15 var(--serif);letter-spacing:0}.brand small,.footer-brand small{display:block;font-size:11px;letter-spacing:.05em;color:#cfcbc3}.desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}.desktop-nav a{font-size:var(--editorial-caption);white-space:nowrap;letter-spacing:.035em;color:#f5efe6;transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.nav-actions{display:flex;gap:8px}.icon-button{border:0;background:transparent;color:#f3eee7;font-size:24px;cursor:pointer;width:38px;height:38px}.mobile-menu{display:none}.search-form{padding-block:15px 22px;display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff2a}.search-form[hidden]{display:none}.search-form label{font-size:12px}.search-form input{min-width:0;flex:1;background:#fff;border-radius:3px;border:1px solid var(--gold);padding:12px 15px;color:var(--ink)}.gold-button{background:linear-gradient(135deg,#edca8a,#d5aa64);color:#171510;border:1px solid #efc989;box-shadow:0 8px 22px #0002;border-radius:5px;font:600 12px var(--sans);padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;transition:transform .2s,box-shadow .2s}.gold-button:hover{transform:translateY(-2px);box-shadow:0 9px 26px #0004}.outline-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--warm-gold);color:var(--gold);padding:12px 19px;border-radius:4px;font-size:12px;white-space:nowrap;transition:background .2s}.outline-button:hover{background:#d8a95822}.plain-link{font-weight:600;color:#936822;display:inline-block;margin-top:10px}.plain-link:hover{text-decoration:underline}
.hero{position:relative;background:var(--night);min-height:410px;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,#070d12ef 0%,#0a1114bc 28%,#08101637 55%,#0b1218e8 100%),var(--hero-image);background-size:cover;background-position:center 45%;filter:saturate(.7)}.hero-body{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .62fr;gap:24px;width:100%;align-items:center;padding-block:68px 70px}.hero-intro{max-width:680px}.hero h1{font:normal clamp(31px,3.65vw,60px)/1.06 var(--serif);letter-spacing:-.03em;margin:8px 0 12px;text-wrap:balance}.hero-deck{font:22px/1.35 var(--serif);color:#f2cd92;max-width:600px;margin:12px 0}.hero-description{max-width:510px;color:#efebe3;line-height:1.6;margin:14px 0 25px;font-size:14px}.hero-panel{justify-self:end;width:min(100%,355px);background:linear-gradient(120deg,#071017ed,#050b0ed7);padding:30px;border-left:2px solid var(--gold);box-shadow:0 15px 45px #0004}.hero-panel h2{font:normal 30px/1.12 var(--serif);margin:9px 0 12px}.hero-panel p{font:14px/1.5 var(--serif);color:#e5e4df;margin-bottom:20px}.scroll-hint{color:#ead0a4;font-size:10px;letter-spacing:.08em;position:absolute;bottom:12px;right:44px;z-index:2}.featured{padding-top:16px;padding-bottom:18px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-card{position:relative;overflow:hidden;background:#202a2f;min-height:220px;color:white;isolation:isolate}.feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .5s}.feature-card:hover>img{transform:scale(1.045)}.feature-shade{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:22px 24px;background:linear-gradient(0deg,#071016e8,#0c111a54 70%,#12121225)}.feature-shade .eyebrow{color:#e2b979;font-size:10px}.feature-shade h3{font:normal 27px/1.1 var(--serif);margin:8px 0 3px}.feature-shade p{font:13px/1.35 var(--serif);max-width:340px;margin:4px 0 13px;color:#f4eee6}.text-link{color:var(--gold);font-size:12px}.paper-section{padding:27px 0 38px;background:var(--cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2,.double-section h2{font:normal 35px/1.08 var(--serif);margin:0 0 4px}.section-heading p{font:14px/1.45 var(--serif);margin:0;color:#5b5551}.pieces-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}.piece-card{min-width:0;display:block}.piece-img{position:relative;overflow:hidden;background:#d1c9b9;aspect-ratio:1.20}.piece-img img{height:100%;width:100%;object-fit:cover;object-position:center 42%;transition:transform .35s;filter:saturate(.85)}.piece-card:hover img{transform:scale(1.065)}.round-arrow{position:absolute;bottom:7px;right:7px;border-radius:50%;background:var(--night);color:var(--gold);width:26px;height:26px;text-align:center;line-height:25px;opacity:.95}.piece-name{display:block;font:600 13px/1.15 var(--serif);margin-top:9px;transition:color .2s}.piece-credit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:11px/1.45 var(--serif);color:#62605c;margin-top:3px}.dark-section{background:#131e24;color:#fff;padding:36px 0 42px;background-image:radial-gradient(circle at 10% 20%,#283238a0,transparent 35%)}.section-split{display:grid;grid-template-columns: 300px minmax(0,1fr);gap:28px}.section-aside h2{font:normal 37px/1.1 var(--serif);margin:12px 0}.section-aside p:not(.eyebrow){font:14px/1.5 var(--serif);color:#d7d2c9}.dark-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.dark-card-grid .feature-card{min-height:228px}.dark-card-grid .feature-shade h3{font-size:21px}.dark-card-grid .feature-shade p{font-size:12px}.thin{border-bottom:1px solid var(--line)}.double-section{display:grid;grid-template-columns:.9fr 1.6fr;align-items:center;gap:45px}.double-section h2{font-size:33px;margin:8px 0 14px}.double-section p{color:#666;max-width:550px;line-height:1.65}.wide-photo{display:block;height:235px;overflow:hidden}.wide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.presentation{background:#f0ebe2}.two-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.two-cards .feature-card{min-height:230px}.memory{background:#faf8f4}.memory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.memory-grid .feature-card{min-height:210px}.memory-grid .feature-shade{padding:15px}.memory-grid h3{font-size:19px}.memory-grid .feature-shade p{font-size:11px}.memory-grid .feature-shade .eyebrow{font-size:9px}.download-block{padding:32px 0;background:#111a20;color:#fdf7eb}.download-layout{display:flex;align-items:center;gap:32px}.download-layout>img{width:100px;max-height:145px;object-fit:cover;box-shadow:0 12px 28px #0007}.download-layout h2{font:normal 33px var(--serif);margin:6px 0}.download-layout p{font:14px/1.55 var(--serif);max-width:680px}.download-layout .gold-button{margin-right:10px}.site-footer{background:#080d12;color:#eae6e1}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:27px;padding-bottom:20px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand b{font:normal 23px var(--serif)}.footer-top p{max-width:245px;color:#bfbdb7;font-size:11px}.footer-top nav{display:flex;gap:17px;font-size:11px;color:#ddd7cc}.footer-top nav a:hover{color:var(--gold)}.download-footer{border:1px solid #b28f59;color:var(--gold);padding:11px 15px;font-size:12px}.footer-bottom{border-top:1px solid #ffffff28;padding-block:16px 21px;color:#aba7a1;font-size:10px;line-height:1.5}
/* Individual reading experience. */
.article-body,.edited-content,.article-prose :is(.idml-source,.source-page){min-width:0;max-width:100%}
.article-prose .edited-content{font-family:var(--serif);font-size:var(--editorial-body);line-height:var(--editorial-leading)}
.edited-content :is(h2,h3,h4,h5,h6){font-family:var(--serif);line-height:1.25;letter-spacing:-.012em;overflow-wrap:break-word}
.edited-content h2{font-size:var(--editorial-section);margin:1.65em 0 .72em}
.edited-content h3{font-size:var(--editorial-subsection);margin:1.45em 0 .64em}
.edited-content h4{font-size:var(--editorial-subsection);margin:1.3em 0 .55em;font-weight:600}
.edited-content :is(ul,ol,blockquote){font:normal var(--editorial-body)/var(--editorial-leading) var(--serif)}
.edited-content :is(ul,ol){padding-left:1.35em}

.article-top{background:#101c22;color:#f6f2e9;padding:30px 0}.article-top-inner{max-width:1150px}.back-link{display:inline-block;font-size:12px;color:#b5a17d;margin-bottom:28px}.back-link:hover{text-decoration:underline}.article-top h1{font:normal var(--editorial-display)/1.12 var(--serif);max-width:960px;margin:12px 0 10px;overflow-wrap:break-word}.article-standfirst{font:normal var(--editorial-lead)/1.45 var(--serif);color:#efd6b6;margin:13px 0;max-width:68ch}.article-source{color:#b4b9b6;font-size:11px;letter-spacing:.03em}.article-banner{height:300px;position:relative;background:#2a2a28}.article-banner img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.8)}.banner-credit{position:absolute;bottom:12px;right:20px;background:#071018ca;color:#fff;padding:9px 12px;font-size:11px;max-width:350px}.article-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:65px;padding-top:45px;padding-bottom:78px;max-width:1200px}.article-side{border-right:1px solid #ddd5c9;padding-right:25px}.side-sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:17px}.side-sticky>a{font-size:12px;color:#4d4a48}.side-sticky>a:hover{color:#a57629}.source-warning{background:#f1e9dc;padding:13px;margin-top:15px;color:#716451;font:11px/1.6 var(--sans);border-left:3px solid #b59a6a}.article-prose{max-width:800px}.article-prose h2,.symbol-explorer h2{font:normal var(--editorial-section)/1.22 var(--serif);margin:0 0 14px}.editor-note{border-left:3px solid #c59e63;padding:13px 20px!important;background:#f1ece3;color:#6f5e49!important;font-size:14px!important;line-height:1.6!important;margin:20px 0 28px!important}.source-page{scroll-margin-top:100px}.source-page>p{font:normal var(--editorial-body)/var(--editorial-leading) var(--serif);color:#30312e;margin:0 0 1.35em;text-align:left}.page-marker{margin:24px 0 20px;padding-bottom:6px;border-bottom:1px solid #e4dfd4;display:flex;justify-content:space-between;gap:12px;font:10px var(--sans);color:#9d8d78;letter-spacing:.07em}.source-link{color:#9d7a4d;font-size:11px;letter-spacing:0;white-space:nowrap}.source-link:hover{text-decoration:underline}.symbol-explorer{background:#122127;color:#f7f5ec;padding:28px;margin-bottom:48px;box-shadow:0 15px 35px #0002}.symbol-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.symbol-explorer h2{font-size:33px}.symbol-header p:not(.eyebrow){max-width:520px;color:#c9c5ba;font:14px/1.6 var(--serif)}.floor-tabs{display:flex;gap:8px;flex-wrap:wrap}.floor-tab{cursor:pointer;border:1px solid #b797644c;background:transparent;color:#e6d0a7;padding:10px 12px;font-size:11px}.floor-tab.selected{background:#d4a869;color:#0f1112}.symbol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.symbol-detail{background:#1b2b30;border:1px solid #ffffff25;overflow:hidden}.symbol-detail[hidden]{display:none}.symbol-detail summary{cursor:pointer;list-style:none}.symbol-detail summary::-webkit-details-marker{display:none}.symbol-detail summary img{width:100%;height:170px;object-fit:cover;object-position:center}.symbol-detail summary>span{display:block;padding:12px;font:17px var(--serif);color:#f7f2e6}.symbol-detail[open]{grid-column:span 2}.symbol-detail[open] summary img{height:260px;object-position:center 35%}.symbol-description{padding:0 15px 18px;color:#d8d3c9;font:14px/1.6 var(--serif)}.symbol-description a,.symbol-description button{display:inline-block;margin-right:15px;color:var(--gold);font:11px var(--sans)}.symbol-description button{border:0;background:none;cursor:pointer}.more-stories{background:#eee8dd;padding:35px 0 50px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-grid .piece-img{aspect-ratio:1.8}.more-stories>div>p{margin-top:30px}.search-results{min-height:70vh;padding-top:60px;padding-bottom:90px}.search-results h1{font:44px var(--serif)}.search-results>.pieces-grid{grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}dialog{border:0;padding:22px;max-width:min(90vw,900px);max-height:90vh;background:#f2eee5;box-shadow:0 20px 110px #0008}dialog::backdrop{background:#000d}dialog img{max-width:80vw;max-height:75vh;object-fit:contain;margin:auto}dialog p{text-align:center;font:16px var(--serif)}.dialog-close{position:absolute;right:0;top:0;border:0;background:#141b20;color:#fff;font-size:23px;width:37px;height:37px;cursor:pointer}
@media(max-width:1200px){.desktop-nav{gap:11px}.desktop-nav a{font-size:var(--editorial-caption)}.bar{gap:18px}.brand small{font-size:8px}.pieces-grid{grid-template-columns:repeat(5,1fr)}.section-split{grid-template-columns:220px 1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.footer-top{flex-wrap:wrap}}
@media(max-width:880px){.wrap{padding-inline:20px}.mobile-menu{display:block}.desktop-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0b151a;padding:20px;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 10px 20px #0005}.desktop-nav.nav-open{display:flex}.desktop-nav a{font-size:13px}.bar{justify-content:space-between}.hero-body{grid-template-columns:1fr;padding-block:55px 65px}.hero-panel{justify-self:start;width:100%;max-width:580px}.featured-grid{grid-template-columns:1fr 1fr}.featured-grid .feature-card:last-child{grid-column:1/-1}.pieces-grid{grid-template-columns:repeat(3,1fr)}.section-split{grid-template-columns:1fr}.dark-card-grid{grid-template-columns:repeat(3,1fr)}.memory-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-side{border:0;padding-right:0}.side-sticky{position:static;display:flex;flex-flow:row wrap}.source-warning{flex-basis:100%}.symbol-grid{grid-template-columns:repeat(2,1fr)}.search-results>.pieces-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.wrap{padding-inline:16px}.brand b{font-size:20px}.hero{min-height:0}.hero-backdrop{background-position:50%}.hero-body{gap:20px;padding-block:42px 65px}.hero h1{font-size:34px}.hero-deck{font-size:18px}.hero-description{font-size:13px}.hero-panel{padding:21px}.hero-panel h2{font-size:25px}.scroll-hint{right:15px}.featured-grid{grid-template-columns:1fr}.featured-grid .feature-card:last-child{grid-column:auto}.feature-card{min-height:205px}.section-heading h2{font-size:29px}.pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.piece-img{aspect-ratio:1.15}.dark-card-grid{grid-template-columns:1fr}.dark-card-grid .feature-card{min-height:210px}.section-aside h2{font-size:30px}.double-section{grid-template-columns:1fr;gap:15px}.wide-photo{height:210px}.two-cards{grid-template-columns:1fr}.memory-grid{grid-template-columns:1fr 1fr}.memory-grid .feature-card{min-height:180px}.memory-grid .feature-shade h3{font-size:16px}.memory-grid .feature-shade p{display:none}.download-layout{align-items:flex-start;gap:16px}.download-layout>img{width:74px}.download-layout h2{font-size:27px}.download-layout .outline-button{margin-top:10px}.footer-top{flex-direction:column;align-items:flex-start}.footer-top nav{flex-wrap:wrap}.article-top{padding:30px 0}.article-top h1{font-size:36px}.article-standfirst{font-size:17px}.article-banner{height:230px}.article-layout{gap:20px;padding-top:28px}.source-page>p{font-size:17px;line-height:1.7}.symbol-explorer{padding:18px 12px}.symbol-header{display:block}.symbol-header h2{font-size:29px}.floor-tabs{margin-top:18px}.symbol-grid{grid-template-columns:1fr 1fr;gap:8px}.symbol-detail summary img{height:95px}.symbol-detail summary>span{font-size:13px}.symbol-detail[open] summary img{height:180px}.related-grid{grid-template-columns:1fr 1fr}.search-results>.pieces-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Contenido editorial publicado desde Gutenberg */
.edited-content{min-width:0;overflow-wrap:anywhere}.edited-content iframe{width:100%;max-width:100%;border:0;display:block;border-radius:6px;min-height:180px}.edited-content figure{margin:24px 0}.edited-content figure img{max-width:100%;height:auto}.edited-content figcaption{color:#756b60;font-size:.85em}.edited-content .editor-table{overflow-x:auto}.edited-content table{width:100%;border-collapse:collapse}.edited-content td{padding:9px;border:1px solid #ddd}.edited-content blockquote{border-left:3px solid #b8985d;padding-left:20px;color:#635947}.edited-content hr{border:0;border-top:1px solid #dccfb8;margin:30px 0}.edited-content .gutenberg-columns{display:flex;gap:24px}.edited-content .gutenberg-column{min-width:0;flex:1}@media(max-width:650px){.edited-content .gutenberg-columns{display:block}}

/* Imágenes originales: galería documental dentro de cada lectura */
.original-gallery{background:#18262c;color:#fcf8f0;margin:0 0 44px;padding:24px 27px 18px;scroll-margin-top:90px}.gallery-intro h2{font:normal 31px/1.15 Georgia,serif;margin:7px 0}.gallery-intro p:last-child{color:#c8c5be;line-height:1.5}.gallery-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-top:24px}.gallery-items figure{margin:0;min-width:0}.gallery-enlarge{width:100%;height:180px;background:#2d3334;border:0;display:block;cursor:zoom-in;padding:0}.gallery-enlarge:hover{outline:2px solid #dcb474}.gallery-enlarge img{width:100%;height:100%;object-fit:contain}.gallery-items figcaption{margin-top:7px;color:#b9b4a9;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.idml-source>p{font:normal var(--editorial-body)/var(--editorial-leading) var(--serif);color:#30312e;margin:0 0 1.35em;text-align:left}.article-banner img{object-position:center 45%}.hero-backdrop{filter:saturate(.85)}@media(max-width:580px){.original-gallery{padding:17px 13px}.gallery-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-enlarge{height:135px}.idml-source>p{font-size:17px;line-height:1.7}}
/* Estilos editoriales recuperados del IDML: título y ficha jamás unidos. */
.article-prose .document-heading {font-family:Georgia,'Times New Roman',serif;font-size:1.35em;line-height:1.24;margin:2.1rem 0 .9rem;font-weight:600;color:var(--ink,#1b1b1a)}
.article-prose .document-meta {margin:.12rem 0;font-family:inherit;font-size:.94rem;line-height:1.35;color:#705f4e;letter-spacing:.005em}
.article-prose .document-meta + .document-meta {margin-top:.18rem}
.article-prose .document-meta + p:not(.document-meta) {margin-top:1.6rem}
.article-prose .document-credit {font-size:.91rem;color:#6a5442;font-style:italic;margin:1.5rem 0 2rem}

/* v1.6 · Jerarquía editorial coherente: la publicación precede a los sellos institucionales. */
.site-header .bar{min-height:68px;gap:clamp(18px,2.2vw,36px)}
.site-header .brand{min-width:175px;gap:8px}
.site-header .brand-emblem{font-size:22px;color:var(--gold)}
.site-header .brand b{font:normal 23px/1.1 var(--serif);letter-spacing:-.012em}
.site-header .brand small{color:#bfbcb5;font:10px/1.4 var(--sans);letter-spacing:0}
.desktop-nav{justify-content:flex-end;gap:clamp(13px,1.65vw,26px)}
.desktop-nav a{font:500 var(--editorial-caption)/1.3 var(--serif);letter-spacing:0;white-space:nowrap}
@media(max-width:1399px){.desktop-nav{gap:clamp(8px,1vw,17px)}.desktop-nav a{font-size:12px}}
@media(max-width:1130px){.mobile-menu{display:block}.desktop-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b151a;padding:22px;flex-direction:column;align-items:flex-start;gap:18px;box-shadow:0 10px 20px #0005}.desktop-nav.nav-open{display:flex}.desktop-nav a{font-size:15px}.bar{justify-content:space-between}}
.hero h1{font-size:clamp(38px,3.8vw,62px);line-height:1.07;max-width:790px;overflow-wrap:normal}
.hero-intro{max-width:780px}.hero-body{grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr)}
.hero-panel{width:min(100%,375px)}
/* Nueve piezas en una retícula editorial legible, no nueve columnas microscópicas. */
#piezas .pieces-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 25px}
#piezas .piece-img{aspect-ratio:2.0;background:#e9e3d6}
#piezas .piece-img img{object-fit:contain;object-position:center;padding:8px;filter:none}
#piezas .piece-name{font:normal 22px/1.16 var(--serif);margin-top:12px}
#piezas .piece-credit{font:13px/1.5 var(--sans);-webkit-line-clamp:2}
#piezas .piece-card{border-bottom:1px solid #d8d0bf;padding-bottom:15px}
/* El texto refluye en la pantalla: nada de líneas manuales ni rótulos de importación. */
.article-top{padding:30px 0 30px}
.article-top h1{letter-spacing:-.018em;text-wrap:balance}
.article-standfirst{margin-bottom:0}
.article-layout{max-width:1240px;grid-template-columns:180px minmax(0,1fr);gap:clamp(28px,3.6vw,52px);padding-top:42px}
.article-body{min-width:0}
.article-prose{max-width:var(--editorial-measure);width:100%;min-width:0;overflow-wrap:break-word;word-break:normal;white-space:normal}
.article-prose .idml-source>p,.article-prose .source-page>p,.edited-content p{font:normal var(--editorial-body)/var(--editorial-leading) var(--serif);margin:0 0 1.35em;word-break:normal;overflow-wrap:break-word;white-space:normal;hyphens:none;text-align:left}
.article-prose .document-heading{font:normal var(--editorial-section)/1.25 var(--serif);margin:1.65em 0 .75em;text-wrap:balance}
.article-prose .document-meta{font:var(--editorial-caption)/1.55 var(--serif);color:#544c42;margin:0}
.article-prose .document-credit{font:italic var(--editorial-caption)/1.55 var(--serif);color:#685e51;margin:1.5em 0 2em}
.article-prose .iconography-note{padding:12px 0;border-bottom:1px solid #e7e0d4;margin:0;font:17px/1.65 var(--serif)}
.article-prose .iconography-note strong{font-weight:700;color:#403528}
.article-side .side-sticky>a{font:var(--editorial-caption)/1.4 var(--serif)}
.article-banner{height:330px;margin:0;background:#273037}
.article-banner img{object-fit:cover;filter:none}
.article-banner.artwork-lead{height:auto;min-height:390px;max-height:670px;display:flex;align-items:center;justify-content:center;padding:28px max(20px,5vw);background:#e9e3d7;border-bottom:1px solid #d8cdb9}
.article-banner.artwork-lead img{width:auto;max-width:100%;height:auto;max-height:590px;object-fit:contain;box-shadow:0 6px 28px #00000017;background:#f7f3ed}
/* Dibujo de referencia e interpretación funcionan como un mismo recurso de lectura. */
.visual-atlas{clear:both;background:#f1ecdf;border:1px solid #e0d4bf;border-top:4px solid #c29b5f;margin:44px 0;padding:25px 26px 30px;scroll-margin-top:100px}
.visual-atlas header h3{font:normal 32px/1.16 var(--serif);margin:7px 0 9px}
.visual-atlas header p{font:14px/1.6 var(--sans);margin:0 0 21px;color:#5c5349}
.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 13px}
.atlas-grid figure{min-width:0;margin:0;border:1px solid #ddd3c3;background:#fffdf8;padding:11px;display:flex;flex-direction:column}
.atlas-grid button{background:#fffdf8;border:0;display:flex;align-items:center;justify-content:center;width:100%;height:180px;cursor:zoom-in;overflow:hidden;padding:0}
.atlas-grid img{display:block;max-height:100%;height:auto;max-width:100%;object-fit:contain}
.atlas-grid figcaption{font:13px/1.4 var(--sans);margin:8px 0 0;color:#443b32;text-align:center}
.original-gallery{margin:56px 0 28px;background:#1a272b;padding:24px 30px 26px}
.original-gallery .gallery-items{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.original-gallery .gallery-enlarge{height:240px}
.original-gallery .gallery-items figcaption{font-size:12px;color:#ccc1b0}
@media(max-width:1130px){.hero-body{grid-template-columns:1fr}.hero-panel{justify-self:start;max-width:520px}.article-layout{grid-template-columns:1fr;gap:24px}.article-side{border:0;border-bottom:1px solid #ded6c9;padding:0 0 15px}.side-sticky{position:static;display:flex;flex-flow:row wrap;gap:12px 22px}}
@media(max-width:720px){#piezas .pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}#piezas .piece-name{font-size:18px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-banner.artwork-lead{min-height:200px;padding:20px}.visual-atlas{padding:19px 14px}.atlas-grid button{height:145px}}
@media(max-width:470px){#piezas .pieces-grid{grid-template-columns:1fr}#piezas .piece-img{aspect-ratio:1.65}.visual-atlas{padding:16px 10px}.atlas-grid{gap:8px}.atlas-grid button{height:128px}.atlas-grid figcaption{font-size:11px}.hero h1{font-size:35px}}
/* Bloques multimedia compatibles con Gutenberg y Aula DPP */
.edited-content .gutenberg-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.edited-content .gutenberg-cover{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-color:#15252d;background-size:cover;background-position:center;color:white;min-height:260px;padding:35px 7%;margin:22px 0}
.edited-content video,.edited-content audio{max-width:100%;height:auto}
.edited-content .editorial-file a{display:inline-block;border:1px solid #d6be92;padding:11px 18px;text-decoration:none}
/* No presentar una imagen de una exposición como si fuese el Teatro Juárez. */
.feature-card:not(:has(img)){background:radial-gradient(circle at 88% 18%,#625338,#1a272b 52%,#101b21)}
.feature-card:not(:has(img)) .feature-shade{background:linear-gradient(140deg,transparent,#0c131b99)}
.article-banner.no-image{height:0;min-height:0;overflow:hidden;margin:0}

/* v1.8.2: cada lámina y su interpretación forman una única unidad editorial. */
.article-prose .visual-atlas{background:transparent;border:0;border-top:1px solid #d7ccba;padding:22px 0 5px;margin:36px 0 45px;clear:both}
.article-prose .visual-atlas>h3{font:normal var(--editorial-section)/1.2 var(--serif);margin:0 0 24px;color:#252522}
.article-prose .atlas-list{display:grid;grid-template-columns:1fr;gap:0}
.article-prose .atlas-row{display:grid;grid-template-columns:minmax(165px,35%) minmax(0,1fr);gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid #dfd8ca;break-inside:avoid}
.article-prose .atlas-row figure{margin:0;min-width:0;background:#fffcf6;border:1px solid #e3dccd;padding:10px}
.article-prose .atlas-row button{display:block;cursor:zoom-in;border:0;background:transparent;padding:0;width:100%;height:auto;max-height:260px}
.article-prose .atlas-row img{display:block;width:100%;max-height:250px;object-fit:contain}
.article-prose .atlas-description{min-width:0;overflow-wrap:break-word}
.article-prose .atlas-description h4{font:600 var(--editorial-subsection)/1.3 var(--serif);margin:0 0 8px;color:#272521}
.article-prose .atlas-description p{font:normal var(--editorial-body)/1.58 var(--serif);margin:0;color:#3e3a36;white-space:normal}
.article-prose .idml-source>p{margin-bottom:1.25em;line-height:1.65}
.article-prose .idml-source>.document-meta{font:14px/1.5 var(--sans);margin:2px 0}
/* Las fichas editadas se maquetan exclusivamente en editorial-symbols.css. */
@media(max-width:650px){.article-prose .atlas-row{grid-template-columns:1fr;gap:12px}.article-prose .atlas-row figure{max-width:380px}.article-prose .atlas-description h4{font-size:20px}}

.article-prose .atlas-figures{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;min-width:0}
.article-prose .atlas-figures>figure{flex:1 1 130px;margin:0;max-width:100%;min-width:0}
.article-prose .atlas-figures img{width:100%;max-height:245px;object-fit:contain}



/* v1.8.3: acceso editorial, cierre original y créditos. */
.site-header .nav-actions{display:flex;align-items:center;flex:0 0 auto;gap:10px}
.site-header .editor-login{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid #d2a965;color:#f9edd7;border-radius:3px;white-space:nowrap;font:600 var(--editorial-caption)/1.2 var(--serif);letter-spacing:.025em;transition:background .15s}
.site-header .editor-login:hover{background:#d2a965;color:#10191e}
.union-closure{background:#f8f6f1;padding:38px 22px 30px;display:flex;align-items:center;justify-content:center;border-top:1px solid #e4ded2}
.union-closure img{width:clamp(165px,21vw,245px);height:auto;max-width:100%;object-fit:contain}
.footer-preliminaries{padding:12px 0 0;display:flex;justify-content:center}
.editorial-prelim-link{font:600 13px/1.4 var(--serif);color:#e7c183;text-decoration:underline;text-underline-offset:3px}
.editorial-prelim-link:hover{color:#fff}
@media(max-width:560px){.site-header .bar{gap:6px}.site-header .editor-login{font-size:11px;padding:6px 9px;min-height:34px}.site-header .nav-actions{gap:2px}.union-closure{padding:24px 10px}.union-closure img{width:175px}}

@media(max-width:410px){.site-header .bar{padding-inline:12px;gap:4px}.site-header .mag-global-brand{min-width:0;max-width:132px}.site-header .mag-global-brand h3{font-size:19px}.site-header .mag-global-brand p{font-size:9px}.site-header .brand b{font-size:18px}.site-header .brand small{font-size:8px}.site-header .editor-login{font-size:10px;padding:5px 7px}.site-header .icon-button{width:30px;height:34px;font-size:20px}}

/* v1.8.4 · Preliminares — texto principal, datos y créditos en un mismo sistema tipográfico.
   Las distinciones semánticas se dan mediante encabezados, no cambiando de fuente o tamaño. */
.article-preliminares-creditos .article-prose p,
.article-preliminares-creditos .article-prose .idml-source > p.document-meta,
.article-preliminares-creditos .article-prose .idml-source > p.document-credit{
 font-family:var(--serif);
 font-size:var(--editorial-body);
 font-style:normal;
 font-weight:400;
 line-height:1.7;
 color:#30312e;
 letter-spacing:normal;
 margin:0 0 1.25em;
 white-space:normal;
 overflow-wrap:break-word;
 word-break:normal;
}
.article-preliminares-creditos .article-prose :is(.document-heading,h3){
 font:normal var(--editorial-section)/1.3 var(--serif);
 color:#202521;
 margin:2.3em 0 .9em;
 text-wrap:pretty;
}
.article-preliminares-creditos .article-prose :is(.document-heading:first-child,.edited-content h3:first-child){margin-top:0}
.article-preliminares-creditos .article-prose :is(.idml-source,.edited-content){max-width:760px}
/* Avoid orphaned one-line institutional labels with inconsistent spacing. */
.article-preliminares-creditos .article-prose p,
.article-preliminares-creditos .article-prose .idml-source > p.document-meta,
.article-preliminares-creditos .article-prose .idml-source > p.document-credit{hyphens:none;text-align:left}

/* Presentación tiene tres lecturas también en la vista sin base de datos. */
.presentation .two-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.presentation .two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.presentation .two-cards{grid-template-columns:1fr}}

.atlas-description h4:not(:first-child){margin-top:1.15em}
.atlas-description p{margin:.35em 0 0;line-height:1.6}

.site-header button.editor-login{cursor:pointer;background:transparent}.site-header button.editor-login:hover{background:#d2a965}

/* v1.8.24 | Contract between Gutenberg attributes and published blocks. */
.gutenberg-html{min-width:0;overflow-wrap:anywhere}
.gutenberg-html img{max-width:100%;height:auto}
.gutenberg-cover{position:relative;isolation:isolate;overflow:hidden}
.gutenberg-cover-overlay{position:absolute;inset:0;pointer-events:none;z-index:0}
.gutenberg-cover-content{position:relative;z-index:1;width:100%}
.edited-content figure.alignleft{float:left;max-width:min(48%,100%);margin:10px 22px 15px 0}
.edited-content figure.alignright{float:right;max-width:min(48%,100%);margin:10px 0 15px 22px}
.edited-content figure.aligncenter{display:table;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}
.edited-content figure.alignwide{width:100%;max-width:100%}
.edited-content figure.alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
.edited-content figure img{max-width:100%;object-fit:contain}
.edited-content .gutenberg-column[style*="flex:"]{min-width:0}
.edited-content .gutenberg-group:after{content:"";display:table;clear:both}
.edited-content [id]{scroll-margin-top:90px}
/* Gutenberg inline typography overrides ordinary article prose defaults. */

@media(max-width:650px){
 .edited-content figure.alignleft,.edited-content figure.alignright{float:none;max-width:100%;margin:16px auto}
 .edited-content .gutenberg-column[style*="flex:"]{flex:1 1 auto!important;width:auto!important}
}

/* Author-inserted line breaks in the editable excerpt remain visible. */
.article-standfirst{white-space:pre-line}

/* v1.8.30 · Proporción tipográfica de las lecturas relacionadas.
   No altera los bloques Gutenberg, las fichas iconográficas ni la maquetación de los artículos. */
.more-stories {
  --related-heading: clamp(2rem, 2.8vw, 2.35rem);
  --related-title: clamp(1.375rem, 1.85vw, 1.625rem);
  --related-summary: clamp(1rem, 1.18vw, 1.125rem);
}
.more-stories .section-heading{margin-bottom:clamp(20px,2.1vw,28px)}
.more-stories .section-heading h2{
  font-family:var(--serif);font-size:var(--related-heading);font-weight:400;
  line-height:1.13;letter-spacing:-.022em;margin:0 0 8px;
  text-wrap:balance;
}
.more-stories .section-heading p{
  font-family:var(--serif);font-size:clamp(1rem,1.2vw,1.125rem);
  line-height:1.42;max-width:56ch;
}
.more-stories .related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(20px,2.5vw,32px);row-gap:clamp(26px,3vw,38px);
}
.more-stories .related-grid:not(:has(> .piece-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
.more-stories .related-grid:has(> .piece-card:only-child){grid-template-columns:minmax(0,1fr)}
.more-stories .related-grid .piece-card{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.more-stories .related-grid .piece-img{aspect-ratio:1.8}
.more-stories .related-grid .piece-name{
  font-family:var(--serif);font-size:var(--related-title);font-weight:600;
  line-height:1.21;letter-spacing:-.008em;margin:13px 0 5px;
  overflow-wrap:break-word;word-break:normal;text-wrap:pretty;
}
.more-stories .related-grid .piece-credit{
  display:block;overflow:visible;-webkit-line-clamp:unset;
  font-family:var(--serif);font-size:var(--related-summary);
  line-height:1.47;color:#514c45;margin:0;
  overflow-wrap:break-word;word-break:normal;
}
@media(min-width:701px) and (max-width:1040px){
  .more-stories .related-grid:has(> .piece-card:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}
  .more-stories .related-grid:has(> .piece-card:nth-child(3))>.piece-card:last-child{
    grid-column:1/-1;justify-self:center;width:calc((100% - clamp(20px,2.5vw,32px))/2);
  }
}
@media(max-width:700px){
  .more-stories{padding:30px 0 42px}
  .more-stories .related-grid,.more-stories .related-grid:not(:has(> .piece-card:nth-child(3))),.more-stories .related-grid:has(> .piece-card:only-child){grid-template-columns:minmax(0,1fr);gap:27px}
  .more-stories .related-grid>.piece-card:last-child{grid-column:auto;width:100%}
  .more-stories .related-grid .piece-img{aspect-ratio:1.65}
  .more-stories .related-grid .piece-name{font-size:clamp(1.375rem,5vw,1.625rem)}
  .more-stories .related-grid .piece-credit{font-size:1.0625rem}
}


/* v1.8.31 · Sistema tipográfico editorial unificado.
   La categoría, el título y el crédito recuperan una proporción estable en portada y lecturas. */
:root{
  --section-heading-display: clamp(2.2rem, 3vw, 2.9rem);
  --section-heading-deck: clamp(1.06rem, 1.25vw, 1.18rem);
  --article-kicker: clamp(.95rem, .92vw, 1rem);
  --article-display: clamp(2.6rem, 4vw, 4.25rem);
  --article-credit: clamp(1.18rem, 1.48vw, 1.36rem);
  --piece-title-scale: clamp(1.45rem, 1.75vw, 1.8rem);
  --piece-meta-scale: clamp(1.02rem, 1.15vw, 1.12rem);
}
.eyebrow{font-size:var(--article-kicker);line-height:1.45;letter-spacing:.12em}
.section-heading h2,.double-section h2,.section-aside h2,.download-layout h2{font-size:var(--section-heading-display);line-height:1.1;letter-spacing:-.02em}
.section-heading p,.section-aside p:not(.eyebrow),.download-layout p{font-size:var(--section-heading-deck);line-height:1.55}
.article-top h1{font-size:var(--article-display);line-height:1.05;letter-spacing:-.026em;max-width:15ch}
.article-standfirst{font-size:var(--article-credit);line-height:1.5;max-width:58ch;color:#f0dcc0}
.back-link,.article-source,.side-sticky>a,.article-prose .document-meta,.article-prose .document-credit{font-size:var(--editorial-caption)}
#piezas .piece-name{font-size:var(--piece-title-scale);line-height:1.18}
#piezas .piece-credit{font-size:var(--piece-meta-scale);line-height:1.5}
.more-stories{
  --related-heading: clamp(2.15rem, 3vw, 2.55rem);
  --related-title: clamp(1.5rem, 2vw, 1.8rem);
  --related-summary: clamp(1.05rem, 1.24vw, 1.18rem);
}
@media(max-width:700px){
  .eyebrow{font-size:.9rem}
  .article-top h1{font-size:clamp(2.1rem, 8vw, 3rem)}
  .article-standfirst{font-size:1.1rem}
  #piezas .piece-name{font-size:clamp(1.28rem, 5vw, 1.55rem)}
  #piezas .piece-credit{font-size:1rem}
}