/* Índice del blog */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}
.post-card__cover{aspect-ratio:16/9;background:#f3f4f6;background-size:cover;background-position:center}
.post-card__body{padding:14px}
.post-card__cat{font-size:.8rem;color:var(--muted);margin:0}
.post-card__title{font-weight:800;margin:.25rem 0 .5rem 0;}
.post-card__meta{font-size:.8rem;color:var(--muted)}
.post-card__actions{display:flex;gap:8px;margin-top:auto;padding:12px 14px;border-top:1px solid var(--border)}


.controls{margin-bottom:16px}
.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:20px 0}


/* Post individual */
.post-header{display:grid;gap:10px}
.post-title{font-family:'Sansita',serif;font-size:clamp(1.8rem,3vw,2.2rem);margin:0}
.post-meta{color:var(--muted);margin:0}
.post-cat{color:var(--muted);font-weight:700;margin:0}
.post-cover{width:100%;aspect-ratio:16/9;background:#f3f4f6;background-size:cover;background-position:center;border-radius:12px}
.post-content{line-height:1.7}
.post-content h2{margin-top:1.2rem}
.post-content img{border-radius:12px}


/* Compartir */
.share-actions{display:flex;flex-wrap:wrap;gap:10px}


/* Comentarios */
.comment-form textarea{min-height:120px}
.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.comment{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}
.comment__meta{font-size:.85rem;color:var(--muted);margin:0 0 .25rem 0}
.comment__text{margin:0}