/* Newsletter ArchiBIM · mismo lenguaje editorial del sitio (papel, grilla, Inter + Plex Mono) */
:root{--nl-acc:#DA552A;--cat-arq:var(--purple);--cat-bim:var(--blue);--cat-not:var(--yellow);--cat-pro:var(--green)}
.pill{display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--c,var(--ink));color:#fff}
.pill.c-not{color:var(--ink)}
.meta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font:500 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.meta-row .sep{width:4px;height:4px;border-radius:50%;background:var(--line-2)}

/* cards */
.ncard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-2);overflow:hidden;text-align:left;cursor:pointer;color:inherit;font:inherit;padding:0;transition:transform .35s,box-shadow .35s;width:100%}
.ncard:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(21,23,27,.4)}
.ncard:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ncard .im{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);position:relative}
.ncard .im img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ncard:hover .im img{transform:scale(1.05)}
.ncard .im .pill{position:absolute;left:12px;top:12px}
.ncard .bd{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.ncard h3{font-size:21px;line-height:1.22;letter-spacing:-.02em;text-wrap:balance}
.ncard p{font-size:15px;color:var(--ink-2);line-height:1.55}
.ncard .meta-row{margin-top:auto;padding-top:8px}

/* article typography (drawer + post page) */
.art h1,.art .t{font-size:clamp(34px,4.6vw,62px);letter-spacing:-.03em;line-height:1.04;text-wrap:balance;margin:18px 0 18px}
.art .summary{font-size:20px;line-height:1.5;color:var(--ink-2);max-width:680px}
.art .cover{margin:34px 0 38px;border:1px solid var(--line-2)}
.art .cover img{width:100%;display:block}
.body{font-size:18px;line-height:1.78;color:var(--ink-2);max-width:700px}
.body p{margin-bottom:1.15em}
.body h2{font-size:30px;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:1.7em 0 .55em}
.body h3{font-size:22px;color:var(--ink);margin:1.4em 0 .45em}
.body ul,.body ol{padding-left:1.25em;margin-bottom:1.15em}.body li{margin-bottom:.4em}
.body li::marker{color:var(--nl-acc)}
.body a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--nl-acc);text-decoration-thickness:2px;text-underline-offset:4px}
.body strong{color:var(--ink)}
.body blockquote{margin:1.6em 0;padding:6px 0 6px 22px;border-left:3px solid var(--nl-acc);font:600 23px/1.42 var(--f-head);letter-spacing:-.015em;color:var(--ink)}
.body img{border:1px solid var(--line-2);margin:1.2em 0 .4em}
.body figcaption{font:500 12px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.author{display:flex;gap:16px;align-items:center;margin:48px 0 26px;padding:22px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);max-width:700px}
.author img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.author b{display:block;font:700 17px var(--f-head)}.author span{font-size:14px;color:var(--mute)}
.ask{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--ink);color:var(--paper);padding:26px 28px;max-width:700px}
.ask b{display:block;font:700 19px var(--f-head)}.ask span{font-size:14.5px;color:rgba(245,243,238,.7)}
.ask .btn-primary{background:var(--nl-acc)}.ask .btn-primary:hover{background:var(--paper);color:var(--ink)}

/* post page */
.post-hero{padding:130px 0 0}
.post-hero .crumbs{font:500 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.post-hero .crumbs a:hover{color:var(--ink)}
.post-wrap{max-width:980px}
.post-body{padding:0 0 60px}
.related{padding:90px 0 110px;border-top:1px solid var(--line-2);background:var(--paper-2)}
.related h2{font-size:clamp(30px,3.4vw,46px);margin:18px 0 34px}
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rel-grid a.ncard{cursor:pointer}
@media (max-width:900px){.rel-grid{grid-template-columns:1fr}}
/* category colors by class (post pages) */
.pill.c-arq{--c:var(--cat-arq)}.pill.c-bim{--c:var(--cat-bim)}.pill.c-not{--c:var(--cat-not)}.pill.c-pro{--c:var(--cat-pro)}
.featcard .pill,.art>.pill{align-self:flex-start}
/* single post: one centred reading column */
.nl-post .post-wrap{max-width:780px}
.nl-post .art .body,.nl-post .author,.nl-post .ask{max-width:none}
.nl-post .art .cover{margin-left:clamp(-120px,-8vw,0px);margin-right:clamp(-120px,-8vw,0px)}
@media (max-width:1000px){.nl-post .art .cover{margin-left:0;margin-right:0}}
.art .cover img{max-height:620px;object-fit:contain;background:#fff}