/* Blog: tarjetas de post y artículo. Usa los mismos tokens que site.css */
.post-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media (min-width:760px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.post-card{display:flex;flex-direction:column;border:1px solid var(--glass-line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);text-decoration:none;min-width:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .4s var(--ease),border-color .3s}
.post-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.post-card img,.post-noimg{width:100%;aspect-ratio:16/9;object-fit:cover;max-width:100%}
.post-noimg{background:linear-gradient(135deg,var(--accent),var(--green))}
.post-card-body{padding:1.3rem;display:grid;gap:.6rem}
.post-card h3{font-size:1.35rem}
.post-card p{color:var(--muted);font-size:.95rem}
.post-meta{font:500 .72rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.cats a{font:500 .8rem/1 var(--mono);padding:.55rem .85rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--muted)}
.cats a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.empty{color:var(--muted)}
.post-wrap{max-width:46rem}
.post h1{font-size:clamp(2.2rem,1.5rem + 3vw,3.6rem);font-weight:800;margin:.8rem 0 1rem}
.post .lead{font-size:1.2rem;color:var(--muted);margin-bottom:2rem}
.back{display:inline-block;margin-bottom:1.5rem;color:var(--muted);text-decoration:none;font-size:.92rem}
.back:hover{color:var(--ink)}
.post-cover{width:100%;border-radius:var(--r-lg);margin-bottom:2.2rem;border:1px solid var(--line)}
.draft-note{padding:.8rem 1rem;border-radius:var(--r);background:color-mix(in srgb,var(--accent) 18%,transparent);margin-bottom:1.5rem;font-size:.9rem}
.prose{font-size:1.08rem;line-height:1.75}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:1.8rem;margin-top:2em}
.prose h3{font-size:1.35rem;margin-top:1.6em}
.prose a{color:var(--accent-2)}
.prose img{border-radius:var(--r);border:1px solid var(--line)}
.prose blockquote{display:block;padding:1rem 1.3rem;border-left:3px solid var(--green);border-radius:0 var(--r) var(--r) 0;background:var(--surface);font-style:italic}
.prose blockquote p{font:inherit}
.prose ul,.prose ol{padding-left:1.3rem}
.prose li+li{margin-top:.4em}
.prose code{font-family:var(--mono);font-size:.9em;background:var(--surface);padding:.1em .35em;border-radius:5px}
.prose pre{overflow-x:auto;padding:1rem;border-radius:var(--r);background:var(--surface)}
.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:.5rem .7rem;text-align:left}
.post-end{margin-top:3rem;padding:1.6rem;border-radius:var(--r-lg);border:1px solid var(--glass-line);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;background:linear-gradient(130deg,rgba(61,124,255,.25),rgba(47,214,160,.15))}

/* El blog está en español: sin selector de idioma */
.blog-page .top .lang{display:none}
.post .post-cover{height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.6rem 0 0}
.post-tags span{font:500 .75rem var(--mono,monospace);padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--muted,#9a9fa8)}
.prose .video{position:relative;aspect-ratio:16/9;margin:1.4rem 0}
.prose .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
.prose img{max-width:100%;height:auto;border-radius:12px}
.prose pre{overflow:auto}