/* P012 · Cuaderno oscuro. Aislado del artículo, de trabajos y de la administración. */
.af-journal--immersive{--journal-text:#fff1de;--journal-muted:#c0c3bb;--journal-line:#fff1de24;color:var(--journal-text)}
.af-journal--immersive [hidden]{display:none!important}
.af-journal--immersive .journal-masthead{overflow:visible;background:transparent}
.af-journal--immersive .journal-opening{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.7fr);gap:clamp(35px,6vw,108px);align-items:center;padding-block:54px 48px}
.af-journal--immersive .journal-opening h1{font:530 clamp(44px,5.2vw,80px)/1.04 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.065em;max-width:18ch;margin:25px 0 0;text-wrap:balance}
.af-journal--immersive .journal-opening h1 em{color:var(--af-copper-light);font-weight:430}
.af-journal--immersive .journal-opening-copy{position:relative;padding:0 12px 0 25px;border-left:1px solid #ffa34e5c;max-width:49ch}
.af-journal--immersive .journal-opening-copy>p{color:var(--journal-text);font-size:20px;line-height:1.5;margin:0 0 18px}
.af-journal--immersive .journal-opening-copy>div{color:var(--journal-muted);font-size:14px;line-height:1.85}
.af-journal--immersive .journal-opening-mark{display:block;font-size:35px;line-height:1;color:var(--af-copper-light);margin-bottom:20px}
.af-journal--immersive .journal-explore{margin:22px 0 0;color:var(--journal-text);font:12px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em;text-transform:none;padding:12px 0 8px;border-color:#ffa34e66;min-height:44px}
.af-journal--immersive .journal-collection{background:transparent;border:0;position:relative}
.af-journal--immersive .journal-index{padding:25px 0 35px}
.af-journal--immersive .journal-index-heading{align-items:end;border-color:var(--journal-line);padding-bottom:30px;margin-bottom:25px;gap:35px}
.af-journal--immersive .journal-section-label{font:10px/1.6 ui-monospace,monospace;letter-spacing:.15em;color:var(--af-copper-light);margin:0 0 14px}
.af-journal--immersive .journal-index-heading h2{font:480 clamp(25px,2.1vw,33px)/1.22 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;color:var(--journal-text);margin:0;max-width:30ch}
.af-journal--immersive .journal-index-heading>p{font:14px/1.8 ui-sans-serif,system-ui,sans-serif;max-width:43ch;color:var(--journal-muted);margin:0}
.af-journal--immersive .journal-tools{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr) auto;gap:25px;align-items:end;background:#161b19e0;border:1px solid var(--journal-line);border-radius:12px;padding:18px 22px;margin:0 0 28px;box-shadow:0 8px 28px #0002}
.af-journal--immersive .journal-search{min-width:0}
.af-journal--immersive .journal-search label{color:var(--journal-muted);font:11px/1.5 ui-sans-serif,system-ui,sans-serif;margin:0 0 9px}
.af-journal--immersive .journal-search-field{position:relative;display:flex;gap:12px;align-items:center;min-width:0;border:1px solid #fff1de33;border-radius:7px;background:#0f1413;padding:0 13px;min-height:46px}
.af-journal--immersive .journal-search-field>svg{position:static;width:18px;height:18px;flex:none;color:#f0c49c}
.af-journal--immersive .journal-search-field:focus-within{border-color:var(--af-copper-light);box-shadow:0 0 0 2px #ffa34e22}
.af-journal--immersive .journal-search input{width:100%;min-width:0;color:var(--journal-text);background:transparent;border:0;padding:11px 0;margin:0;font:14px/1.5 ui-sans-serif,system-ui,sans-serif;outline:none;box-shadow:none;border-radius:0}
.af-journal--immersive .journal-search input::placeholder{color:#a1a99f}
.af-journal--immersive .journal-topics{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.af-journal--immersive .journal-topics button,.af-journal--immersive .journal-reset{min-height:44px;display:inline-flex;align-items:center;border:1px solid #fff1de24;background:#1c211e;color:#dce0d4;border-radius:7px;padding:10px 13px;font:12px/1.4 ui-sans-serif,system-ui,sans-serif;transition:background .2s,border-color .2s}
.af-journal--immersive .journal-topics button:hover{border-color:#ffa34e90;background:#33271e}
.af-journal--immersive .journal-topics button[aria-pressed=true]{background:var(--af-copper);color:#181b17;border-color:var(--af-copper);font-weight:650}
.af-journal--immersive .journal-results-note{margin:0 0 13px;color:#b6bfb1;font:11px/1.5 ui-monospace,monospace;white-space:nowrap}
.af-journal--immersive .journal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;perspective:1600px}
.af-journal--immersive .journal-card{border:1px solid var(--journal-line);background:linear-gradient(140deg,#272b23ed,#151a18f5 70%);box-shadow:0 15px 32px #0003,inset 0 1px 0 #fff1de0a;border-radius:16px;overflow:hidden;padding:0;display:flex;flex-direction:column;min-width:0;transition:border-color .25s,box-shadow .25s,transform .3s}
.af-journal--immersive .journal-card:hover{border-color:#ffa34e70;box-shadow:0 22px 40px #0005,inset 0 1px 0 #fff1de12;transform:translateY(-3px)}
.af-journal--immersive .journal-card-image{position:relative;display:block;width:100%;min-width:0;max-width:100%;background:#111714;overflow:hidden;border-radius:0;aspect-ratio:16/8.5;isolation:isolate}
.af-journal--immersive .journal-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#151a183b);pointer-events:none}
.af-journal--immersive .journal-card-image picture{display:block;width:100%;height:100%}
.af-journal--immersive .journal-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.af-journal--immersive .journal-card:hover .journal-card-image img{transform:scale(1.025)}
.af-journal--immersive .journal-image-corner{position:absolute;right:20px;bottom:18px;border:1px solid #fff1de45;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:var(--journal-text);font-size:22px;background:#101715b3;z-index:2}
.af-journal--immersive .journal-feature-label{position:absolute;top:20px;left:22px;padding:8px 10px;border:1px solid #ffc98f42;border-radius:5px;background:#111815d9;color:#ffe0b8;font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em}
.af-journal--immersive .journal-card-content{padding:29px 32px 32px;display:flex;flex-direction:column;flex:1;min-width:0}
.af-journal--immersive .journal-card-meta{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;font:10px/1.6 ui-monospace,monospace;margin:0 0 18px;color:#aeb8a9}
.af-journal--immersive .journal-card-meta>span{max-width:none;color:var(--af-copper-light);text-transform:uppercase;letter-spacing:.075em}
.af-journal--immersive .journal-card h3{font:510 clamp(23px,2.1vw,31px)/1.25 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.034em;color:var(--journal-text);margin:0 0 19px;max-width:32ch;text-wrap:pretty}
.af-journal--immersive .journal-card h3 a:hover{color:#ffd4a5}
.af-journal--immersive .journal-card p{font:15px/1.8 ui-sans-serif,system-ui,sans-serif;color:var(--journal-muted);margin:0 0 27px;max-width:62ch}
.af-journal--immersive .journal-read{align-self:flex-start;display:inline-flex;align-items:center;gap:36px;color:var(--journal-text);font:550 13px/1.5 ui-sans-serif,system-ui,sans-serif;border-bottom:1px solid #ffa34e6b;margin-top:auto;padding:10px 0;min-height:44px}
.af-journal--immersive .journal-read span{color:var(--af-copper-light);font-size:20px}
.af-journal--immersive .journal-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:0;min-height:385px}
.af-journal--immersive .journal-card--lead .journal-card-image{height:100%;min-height:360px;aspect-ratio:16/10}
.af-journal--immersive .journal-card--lead .journal-card-content{padding:38px clamp(27px,3.5vw,54px);justify-content:center}
.af-journal--immersive .journal-card--lead h3{font-size:clamp(26px,2.35vw,36px);max-width:26ch}
.af-journal--immersive .journal-card--lead:only-child{max-width:none}
.af-journal--immersive .journal-cards.is-filtered .journal-card--lead{grid-column:auto;display:flex;min-height:0}
.af-journal--immersive .journal-cards.is-filtered .journal-card--lead .journal-card-image{min-height:0;aspect-ratio:16/8.5;height:auto}
.af-journal--immersive .journal-cards.is-filtered .journal-card--lead .journal-card-content{padding:29px 32px 32px}
.af-journal--immersive .journal-cards.is-filtered .journal-card--lead h3{font-size:clamp(23px,2.1vw,31px)}
.af-journal--immersive .journal-no-results,.af-journal--immersive .journal-empty{border:1px solid var(--journal-line);border-radius:13px;background:#17201ae8;padding:40px;color:var(--journal-text)}
.af-journal--immersive .journal-no-results p,.af-journal--immersive .journal-empty p{color:var(--journal-muted)}
.af-journal--immersive .journal-next{padding-top:72px;border:0}
.af-journal--immersive .journal-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid var(--journal-line);padding-top:60px}
.af-journal--immersive .journal-next h2{font-size:clamp(30px,3vw,44px);max-width:24ch}
.af-journal--immersive .journal-next p{color:var(--journal-muted);font-size:15px;line-height:1.8}
.af-journal--immersive .journal-next .btn-primary{margin-top:18px}
.af-journal--immersive .journal-next-links{display:grid;gap:0}
.af-journal--immersive .journal-next-links>a{display:flex;align-items:center;gap:23px;padding:24px 0;border-bottom:1px solid var(--journal-line);min-height:110px}
.af-journal--immersive .journal-next-links>a:first-child{padding-top:5px}
.af-journal--immersive .journal-next-links>a>span{color:var(--af-copper-light);font:11px/1.5 ui-monospace,monospace;align-self:flex-start;margin-top:6px}
.af-journal--immersive .journal-next-links h3{font-size:22px;margin:0 0 7px}
.af-journal--immersive .journal-next-links p{margin:0;font-size:13px}
.af-journal--immersive .journal-next-links b{font-size:26px;font-weight:400;color:var(--af-copper-light);margin-left:auto}
.af-journal--immersive a:focus-visible,.af-journal--immersive button:focus-visible{outline:2px solid var(--af-lime);outline-offset:4px}
@media(max-width:1150px){.af-journal--immersive .journal-tools{grid-template-columns:1fr auto;gap:17px}.af-journal--immersive .journal-topics{grid-column:1/-1;grid-row:2}.af-journal--immersive .journal-results-note{grid-column:2;grid-row:1}.af-journal--immersive .journal-opening{grid-template-columns:1.3fr .8fr;gap:40px}.af-journal--immersive .journal-next-grid{gap:45px}}
@media(max-width:800px){.af-journal--immersive .journal-opening{grid-template-columns:1fr;padding-block:55px 50px;gap:30px}.af-journal--immersive .journal-opening h1{font-size:clamp(43px,7.3vw,61px)}.af-journal--immersive .journal-opening-copy{max-width:60ch;padding-left:20px}.af-journal--immersive .journal-opening-mark{display:none}.af-journal--immersive .journal-opening-copy>p{font-size:18px}.af-journal--immersive .journal-index-heading{display:block}.af-journal--immersive .journal-index-heading>p{margin-top:17px}.af-journal--immersive .journal-card--lead{display:flex;min-height:0}.af-journal--immersive .journal-card--lead .journal-card-image{min-height:0;aspect-ratio:16/8.5;height:auto}.af-journal--immersive .journal-card--lead .journal-card-content{padding:27px}.af-journal--immersive .journal-card--lead h3{font-size:28px;max-width:34ch}.af-journal--immersive .journal-card-content{padding:25px}.af-journal--immersive .journal-next-grid{grid-template-columns:1fr;gap:35px}.af-journal--immersive .journal-next{padding-top:35px}}
@media(max-width:580px){.af-journal--immersive .journal-opening h1{font-size:clamp(35px,8.1vw,46px);letter-spacing:-.055em}.af-journal--immersive .journal-opening{padding-block:42px 36px}.af-journal--immersive .journal-cards{grid-template-columns:1fr;gap:22px}.af-journal--immersive .journal-tools{padding:16px;gap:14px;grid-template-columns:1fr}.af-journal--immersive .journal-results-note{grid-column:1;grid-row:3;margin:0}.af-journal--immersive .journal-topics{gap:7px}.af-journal--immersive .journal-topics button{font-size:11px;padding:9px 10px}.af-journal--immersive .journal-card--lead .journal-card-content,.af-journal--immersive .journal-card-content,.af-journal--immersive .journal-cards.is-filtered .journal-card--lead .journal-card-content{padding:24px 21px}.af-journal--immersive .journal-card--lead h3,.af-journal--immersive .journal-card h3{font-size:25px}.af-journal--immersive .journal-card p{font-size:14px}.af-journal--immersive .journal-card-meta{font-size:10px;gap:9px}.af-journal--immersive .journal-feature-label{top:14px;left:15px;font-size:9px}.af-journal--immersive .journal-next-grid{padding-top:38px}.af-journal--immersive .journal-index{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.af-journal--immersive *{transition:none!important}.af-journal--immersive .journal-card:hover,.af-journal--immersive .journal-card:hover img{transform:none}}
html[data-motion=reduce] .af-journal--immersive .journal-card,html[data-motion=reduce] .af-journal--immersive .journal-card img{transition:none!important;transform:none!important}