/* Simplee - blog 2026-10, requiere home.css y article.css */
.sk-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-mute)}
.sk-read article .article-hero h1{font-size:clamp(38px,5.6vw,96px);line-height:.96;max-width:1150px}
.sk-cover{margin:0;position:relative;overflow:hidden;height:min(78vh,760px);background:var(--sk-ink)}
.sk-cover img{width:100%;height:110%;object-fit:cover;transform:translateY(calc(var(--cp,0) * -8%));will-change:transform}
.sk-read .article-card ul,.sk-read .article-card ol{max-width:760px;margin:0 0 22px clamp(0px,18vw,320px);padding-left:20px}
.sk-read .article-card ul{list-style:square}
.sk-read .article-card ol{list-style:decimal}
.sk-read .article-card li{margin-bottom:8px}
.sk-read .article-card li::marker{color:var(--sk-ink);font-weight:700}
.sk-read .article-card a{text-decoration:underline;text-underline-offset:3px}
.sk-read .article-card a:hover{background:var(--sk-ink);color:var(--sk-paper);text-decoration:none}
.sk-keyfacts{max-width:760px;margin:10px 0 30px clamp(0px,18vw,320px);border-top:1.5px solid var(--sk-ink)}
.sk-keyfacts div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--sk-ink);font-family:'Space Mono',monospace;font-size:13px}
.sk-keyfacts dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sk-keyfacts dd{margin:0}

/* indice del blog */
.sk-blog-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:70px 16px 40px}
.sk-blog-intro p{font-family:'Space Mono',monospace;font-size:14px;line-height:1.85;max-width:560px;margin:0 0 14px}
.sk-blog-intro h2{font-size:clamp(30px,3.6vw,56px)}
.sk-posts{padding:0 16px 110px;position:relative}
.sk-posts-head{display:flex;justify-content:space-between;border-bottom:1.5px solid var(--sk-ink);padding-bottom:12px}
.sk-post{position:relative;display:grid;grid-template-columns:90px 1fr 1fr 120px;gap:24px;align-items:center;padding:34px 0;border-bottom:1.5px solid var(--sk-ink);text-decoration:none;color:var(--sk-ink);transition:padding .5s var(--sk-ease),background .4s}
.sk-post:hover{padding-left:16px;padding-right:16px;background:var(--sk-grey)}
.sk-post-n{font-size:28px}
.sk-post h3{font-size:clamp(26px,3vw,50px);margin:6px 0 0}
.sk-post p{font-family:'Space Mono',monospace;font-size:13px;line-height:1.7;margin:0;max-width:460px}
.sk-post .sk-pill{justify-self:end}
.sk-post:hover .sk-pill{background:var(--sk-ink);color:var(--sk-paper)}
.sk .sk-post-img{display:none}
.sk-float{position:fixed;left:0;top:0;width:280px;height:360px;pointer-events:none;z-index:40;opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-4deg);transition:opacity .35s,transform .5s var(--sk-ease);overflow:hidden;border-radius:4px}
.sk-float.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
.sk-float img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.sk-float img.is-active{opacity:1}
@media (hover:none),(max-width:900px){.sk-float{display:none}}
@media (max-width:900px){
  .sk-cover{height:56vh}
  .sk-read article .article-hero h1{font-size:8.4vw}
  .sk-read .article-card ul,.sk-read .article-card ol,.sk-keyfacts{margin-left:0}
  .sk-keyfacts div{grid-template-columns:110px 1fr}
  .sk-blog-intro{grid-template-columns:1fr;gap:20px;padding-top:50px}
  .sk-post{grid-template-columns:1fr;gap:10px;padding:26px 0}
  .sk-post:hover{padding-left:0;padding-right:0;background:none}
  .sk .sk-post-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:6px}
  .sk-post .sk-pill{justify-self:start}
  .sk-post-n{font-size:20px}
}