/* Cuaderno editorial */
.journal-shell{background:#f0eee5;color:#191815}.journal-hero,.journal-section,.journal-method{padding:clamp(65px,9vw,120px) 0}.journal-kicker,.journal-rule{display:flex;justify-content:space-between;gap:15px;border-top:1px solid;padding-top:14px;font:11px 'DM Mono',monospace;text-transform:uppercase}.journal-title{font:400 clamp(76px,15vw,230px)/.83 Georgia,serif;letter-spacing:-.09em;margin:65px 0 40px}.journal-title em{color:#742e43}.journal-topline{display:flex;gap:30px;justify-content:space-between;align-items:end}.journal-sub{font-size:clamp(22px,3vw,40px);line-height:1.2;max-width:700px}.journal-issue{font:700 26px 'DM Mono',monospace}.journal-link{display:inline-flex;border-bottom:1px solid;padding-bottom:9px;font:12px 'DM Mono',monospace;text-transform:uppercase;margin-top:22px}.journal-ticker{background:#742e43;color:#fff;white-space:nowrap;overflow:hidden;padding:19px 0;font:13px 'DM Mono',monospace}.journal-rule{margin-bottom:45px}.journal-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;background:#171715;color:#fff}.journal-feature-copy{padding:clamp(30px,4vw,70px);display:flex;flex-direction:column;justify-content:space-between;gap:35px}.journal-feature h2{font:400 clamp(48px,5vw,85px)/1 Georgia,serif;margin:0 0 23px}.journal-feature p{line-height:1.5;font-size:18px}.journal-feature-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#839b4d,#d5ff54);color:#171715;overflow:hidden}.art-rings{font:700 clamp(110px,14vw,250px) 'Space Grotesk',sans-serif;border:2px solid;border-radius:50%;width:min(70%,330px);aspect-ratio:1;display:grid;place-items:center;transform:none!important}.journal-meta,.journal-entry-details{font:11px 'DM Mono',monospace;text-transform:uppercase;opacity:.7}.journal-notice{background:#e1ddd1;padding:22px;margin:30px 0;line-height:1.5;max-width:760px}.journal-filter{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.journal-filter button{background:transparent;border:1px solid #171715;border-radius:30px;padding:11px 17px;font:11px 'DM Mono',monospace}.journal-filter button.active{background:#171715;color:#fff}.journal-search-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid;padding-bottom:18px}.journal-search-row label{font:11px 'DM Mono',monospace}.journal-search-row input{border:0;background:transparent;font:18px 'DM Sans',sans-serif;width:100%;min-width:0;padding:12px}.journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}.journal-entry{border-bottom:1px solid;padding:40px 0 50px}.journal-entry h3{font:400 clamp(35px,4vw,65px)/1.03 Georgia,serif;margin:23px 0}.journal-entry p{font-size:17px;line-height:1.6}.visual-number{font:700 70px 'Space Grotesk',sans-serif;color:#742e43}.journal-method{background:#dcd7c9}.journal-method h2{font:400 clamp(40px,6vw,88px)/1 Georgia,serif;letter-spacing:-.05em}.journal-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journal-step{border-top:1px solid;padding:23px 0}.journal-step h3{font:400 32px Georgia,serif}.journal-step p{line-height:1.6}.journal-footer{padding:80px 0 40px;background:#171715;color:#f0eee5}.journal-footer h2{font:400 clamp(80px,13vw,200px)/.9 Georgia,serif;margin:45px 0}.journal-footer-links{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid;padding-top:24px;font:12px 'DM Mono',monospace}.article-hero{padding:80px 0 65px}.article-hero h1{font:400 clamp(52px,8vw,120px)/.97 Georgia,serif;max-width:1100px;letter-spacing:-.06em}.article-desc{font-size:clamp(20px,3vw,36px);line-height:1.3;max-width:850px}.journal-kicker{margin-bottom:35px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,270px);gap:65px;padding:45px 0 95px}.article-body{max-width:76ch;font-size:19px;line-height:1.85}.article-body h2{font:400 clamp(32px,4vw,50px) Georgia,serif;line-height:1.12}.article-body blockquote{border-left:4px solid #742e43;padding-left:22px;font:italic 30px Georgia,serif}.article-aside{font:12px 'DM Mono',monospace;line-height:1.8}.article-buttons,.article-actions{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0}.article-buttons button,.article-actions button{background:transparent;border:1px solid;padding:10px 16px}.editorial-utility{border-top:1px solid;padding-top:20px;display:flex;gap:15px;flex-wrap:wrap}.reading-progress{position:fixed;top:0;left:0;height:5px;background:#742e43;z-index:999;width:0}.journal-empty{padding:22px}
@media(max-width:850px){.journal-feature,.article-layout,.journal-list,.journal-steps{grid-template-columns:1fr}.journal-feature-art{min-height:270px}.journal-title{font-size:clamp(75px,17vw,145px)}.journal-topline{align-items:start}}

/* V9: correct editorial reading geometry */
.article-layout{grid-template-columns:minmax(175px,235px) minmax(0,1fr)!important;gap:clamp(32px,5vw,90px)!important;align-items:start}
.article-aside{min-width:0;overflow-wrap:anywhere}
.article-body{width:100%;min-width:0;max-width:74ch;margin:0;font-size:clamp(17px,1.55vw,20px)}
.article-body h2{overflow-wrap:break-word}
.article-hero h1{max-width:1100px;overflow-wrap:break-word}
@media(max-width:760px){.article-layout{display:flex!important;flex-direction:column;gap:35px!important}.article-aside{width:100%;border-bottom:1px solid #aaa;padding-bottom:22px}.article-body{max-width:100%}}

/* Fase 2B: «SEGUIR PENSANDO.» cabe en móviles de 390 px sin desbordar. */
@media(max-width:600px){.journal-footer h2{font-size:clamp(44px,15vw,80px)}}

/* ===== Fase 5: elementos opcionales de la plantilla de artículo (no afectan a los artículos existentes) ===== */
.article-figure{margin:0 0 42px}
.article-figure img{display:block;width:100%;height:auto}
.article-figure figcaption{margin-top:10px;font:11px/1.6 'DM Mono',monospace;text-transform:uppercase;opacity:.7}
.article-sources{margin-top:50px;border-top:1px solid;padding-top:10px;font-size:15px;line-height:1.6}
.article-body .article-sources h2{font-size:clamp(24px,3vw,32px)}
.article-sources ol{padding-left:20px}
/* Tablas y matrices editoriales dentro de un artículo: <div class="article-table"><table>…</table></div> (se desplaza en horizontal en el móvil) */
.article-table{overflow-x:auto;margin:34px 0 38px;-webkit-overflow-scrolling:touch}
.article-table table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;line-height:1.45}
.article-table caption{caption-side:top;text-align:left;padding-bottom:12px;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
.article-table th,.article-table td{border-top:1px solid #8f8c84;padding:12px 14px 12px 0;text-align:left;vertical-align:top}
.article-table thead th{border-top:2px solid #191815;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
.article-table tbody th{font-weight:600;width:22%}
/* Etiquetas editoriales: <span class="article-label">Hecho</span> · Interpretación · Hipótesis */
.article-label{display:inline-block;margin-right:8px;padding:2px 7px 1px;border:1px solid currentColor;font:11px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;vertical-align:2px}
.article-label--hipotesis{background:#191815;color:#f0eee5;border-color:#191815}

/* Destacado del Cuaderno con foto (cuaderno:imagen): la foto llena la caja y el anillo «G.» se superpone en amarillo ácido */
.journal-feature-art--foto{position:relative;isolation:isolate;background:#171715;color:#d5ff54;text-decoration:none}
.journal-feature-art--foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2;transition:transform .6s ease}
.journal-feature-art--foto::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,23,21,.05) 0%,rgba(23,23,21,.45) 100%)}
.journal-feature-art--foto .art-rings{font-size:clamp(70px,8vw,140px);width:min(48%,230px);border-width:3px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.journal-feature:hover .journal-feature-art--foto img{transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){.journal-feature-art--foto img{transition:none}}