/* NORYX · Blog */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6) var(--s4)}
.post-card{display:flex;flex-direction:column}
.post-card__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--graphite)}
.post-card__media picture{width:100%;height:100%}
.post-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform 1.4s var(--ease),filter .8s}
.post-card:hover .post-card__media img{transform:scale(1.05);filter:saturate(1)}
.post-card__media::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.post-card:hover .post-card__media::after{transform:scaleX(1)}
.post-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:var(--s3);font-size:var(--fs-label);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.post-meta span+span{color:var(--subtle)}
.post-card h2,.post-card h3{margin-top:12px;font-size:clamp(20px,1.6vw,24px);line-height:1.2}
.post-card h2 a,.post-card h3 a{transition:color .3s}
.post-card:hover h2 a,.post-card:hover h3 a{color:var(--gold)}
.post-card p{margin-top:12px;font-size:16px;color:var(--muted)}
.post-card .link-arrow{margin-top:var(--s3);align-self:flex-start}
.post-card--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s5);align-items:center}
.post-card--featured .post-card__media{aspect-ratio:16/10}
.post-card--featured h2{font-size:clamp(28px,3vw,44px)}
.post-card--featured p{font-size:18px}

/* Artículo */
.article-top{min-height:100svh;display:flex;flex-direction:column}
.article-top>.wrap:last-child{flex:1 1 auto;display:flex;padding-bottom:clamp(16px,3vh,32px)}
.article-hero{position:relative;isolation:isolate;padding-top:calc(var(--header-h) + clamp(24px,5vh,96px));padding-bottom:clamp(24px,4vh,64px)}
.article-hero h1{font-size:clamp(26px,min(4vw,5.8vh),60px);max-width:26ch}
.article-hero .lead{max-width:60ch;margin-top:var(--s3);color:#e3e3e3}
.article-hero .post-meta{margin-top:var(--s4)}
.article-cover{flex:1 1 auto;width:100%;min-height:max(16vh,110px);overflow:hidden;background:var(--graphite)}
.article-cover{position:relative}
.article-cover picture{position:absolute;inset:0;width:100%;height:100%}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s7);padding-block:var(--s7)}
.prose{max-width:70ch;font-size:clamp(17px,1rem + .2vw,19px);line-height:1.75;color:#d9d9d9}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(22px,2.2vw,32px);line-height:1.15;color:var(--white);margin-top:2.2em}
.prose h3{font:500 15px/1.4 var(--font-text);letter-spacing:.2em;color:var(--gold);margin-top:1.8em}
.prose strong{color:var(--white)}
.prose a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.prose ul,.prose ol{display:grid;gap:10px;padding-left:0}
.prose ul li{position:relative;padding-left:28px}
.prose ul li::before{content:"";position:absolute;left:0;top:.8em;width:14px;height:1px;background:var(--gold)}
.prose ol{counter-reset:paso}
.prose ol li{position:relative;padding-left:44px;counter-increment:paso}
.prose ol li::before{content:counter(paso,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--gold);font-variant-numeric:tabular-nums}
.callout{border-top:1px solid var(--gold);border-bottom:1px solid var(--line);padding:var(--s4) 0;margin-block:2em!important}
.callout p{font:700 clamp(20px,2vw,28px)/1.3 var(--font-title);text-transform:uppercase;color:var(--white)}
.callout p em{color:var(--gold)}
.article-aside{position:sticky;top:calc(var(--header-h) + var(--s4));align-self:start;display:grid;gap:var(--s4)}
.aside-box{border-top:1px solid var(--gold);padding-top:var(--s3)}
.aside-box h2{font:500 var(--fs-label)/1.4 var(--font-text);letter-spacing:.24em;color:var(--gold);margin-bottom:var(--s2)}
.aside-box p{font-size:15px;color:var(--muted);margin-bottom:var(--s3)}
.aside-box ul{display:grid;gap:4px}
.aside-box li a{display:block;padding-block:10px;border-bottom:1px solid var(--line);font-size:15px;color:#dcdcdc;transition:color .3s}
.aside-box li a:hover{color:var(--gold)}
.related{border-top:1px solid var(--line)}
.related .posts{margin-top:var(--s5)}

@media (max-width:1080px){
  .article-layout{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .article-aside{position:static}
}
@media (max-width:860px){
  .posts{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .post-card--featured{grid-template-columns:minmax(0,1fr);gap:0}
}
.article-hero .lead{font-size:clamp(16px,min(1.3vw,2.4vh),20px)}
.article-hero .post-meta{margin-top:clamp(12px,2.4vh,32px)}
@media (max-width:860px){.article-hero .breadcrumb ol{margin-bottom:12px}.article-hero .lead{margin-top:12px}}
/* Compartir */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:12px var(--s2)}
.share--top{margin-top:clamp(12px,2.4vh,24px)}
.share--end{margin-top:var(--s6)!important;padding-top:var(--s4);border-top:1px solid var(--line)}
.share__label{font-size:var(--fs-label);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.share ul{display:flex;flex-wrap:wrap;gap:8px;padding:0!important}
.share li{padding:0!important}
.share li::before{display:none}
.share__btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;color:var(--white);text-decoration:none!important;transition:border-color .3s,color .3s,background .3s}
.share__btn .icon{width:18px;height:18px}
.share__btn:hover{border-color:var(--gold);color:var(--ink);background:var(--gold)}
.share__done{font-size:var(--fs-small);color:var(--gold);min-height:1em}
.share__native[hidden]{display:none}
@media (max-width:560px){.share--top li:not(.k){display:none}.share--top .share__label{display:none}}