/* Blog ROT3X — solo lo que el sistema del sitio no cubría ya. */
.post-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.post-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.post-card-img{display:block}
.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post-card-body{display:flex;flex-direction:column;flex:1;padding:20px;gap:10px}
.post-card h3{margin:0;font-size:22px;line-height:1.25}
.post-card h3 a{text-decoration:none}
.post-card p{margin:0;color:var(--muted)}
.post-card .text-link{margin-top:auto}
.post-layout{display:grid;gap:32px;align-items:start}
@media (min-width:1000px){.post-layout{grid-template-columns:minmax(0,1fr) 300px}}
.post-body{max-width:760px}
.post-body h2{margin:38px 0 14px}
.post-body p{margin:0 0 20px;color:var(--muted);line-height:1.8}
.post-body strong{color:var(--estado)}
.post-meta{color:var(--muted);margin:0 0 18px}
.post-toc{padding:20px}
.post-toc ol{margin:0;padding-left:20px;color:var(--muted)}
.post-toc li{margin-bottom:8px}
.post-cierre{margin-top:28px}
@media (min-width:1000px){.post-toc{position:sticky;top:calc(var(--header-height) + 16px)}}
.service-hero .bevel-card figcaption{display:grid;gap:1px}
.service-hero .bevel-card img{aspect-ratio:4/3;object-fit:cover}