/* ==========================================================================
   SVC · Entradas del blog propias (se carga después de styles.css)
   ========================================================================== */
.page-post .topbar{position:sticky;top:0}
.page-post .topbar__inner{justify-content:space-between}

.post{padding-block:clamp(32px,5vw,72px) clamp(64px,8vw,112px)}
.post__head{max-width:860px;margin:0 auto;padding-inline:var(--gutter)}
.post__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:22px}
.post__meta span{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line-strong);border-radius:99px;padding:3px 10px}
.post__meta time{font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.post h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.1rem);line-height:1.12;letter-spacing:-.02em;font-weight:700;color:var(--ink)}
.post__by{margin-top:18px;font-family:var(--mono);font-size:.78rem;color:var(--muted)}

.post__cover{max-width:1080px;margin:clamp(28px,4vw,48px) auto 0;padding-inline:var(--gutter)}
.post__cover img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}

.post__body{max-width:720px;margin:clamp(32px,5vw,56px) auto 0;padding-inline:var(--gutter);font-size:clamp(1.02rem,.98rem + .25vw,1.12rem);line-height:1.75;color:var(--ink)}
.post__body > * + *{margin-top:1.15em}
.post__body .lead{font-size:1.18em;line-height:1.6;font-weight:500}
.post__body h2{margin-top:2.2em;font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);line-height:1.25;letter-spacing:-.01em;font-weight:700}
.post__body h2 + *{margin-top:.8em}
.post__body a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}
.post__body a:hover{text-decoration-thickness:2px}
.post__body b{font-weight:700}

.post__modules{counter-reset:m;display:grid;gap:0;border-top:1px solid var(--line)}
.post__modules li{counter-increment:m;display:grid;grid-template-columns:3.2em 1fr;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.55}
.post__modules li::before{content:counter(m,decimal-leading-zero);font-family:var(--mono);font-size:.8rem;color:var(--muted);padding-top:.2em}
.post__modules b{display:block}
.post__modules span{color:var(--ink-2,#3a3c52);font-size:.95em}

.post__facts{display:grid;gap:10px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.post__facts li{display:grid;grid-template-columns:7.5em 1fr;gap:12px;line-height:1.5}
.post__facts dt,.post__facts .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.25em}

.post__cta{margin-top:2.4em;padding:clamp(22px,3vw,32px);background:var(--accent);color:#fff;border-radius:var(--radius);display:grid;gap:16px}
.post__cta p{color:#d9dbe8}
.post__cta strong{color:#fff;font-size:1.15em;display:block}
.post__cta a:not(.btn){color:#fff}
.post__cta .btn{justify-self:start}

.post__close{font-style:italic}
.post__foot{max-width:720px;margin:clamp(40px,6vw,64px) auto 0;padding:24px var(--gutter) 0;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}
.post__foot::before{content:none}

@media (max-width:600px){
  .post__facts li{grid-template-columns:1fr;gap:2px}
  .page-post .link-arrow--back{font-size:.74rem}
}