/* Tarjetas de artículos: se usan en la portada (resumen) y en el blog */
.bl-grid{display:grid;gap:18px}
@media(min-width:700px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bl-grid{grid-template-columns:repeat(3,1fr);gap:22px}}
.pc{display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s,border-color .35s,background .35s}
@media(hover:hover){.pc:hover{transform:translateY(-6px);border-color:var(--line-2);background:var(--glass-2)}.pc:hover .pc-img img{transform:scale(1.05)}}
.pc-img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-3)}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.pc-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcat{align-self:flex-start;font-family:var(--label);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);border:1px solid rgba(147,182,78,.35);background:rgba(147,182,78,.1);padding:4px 11px;border-radius:999px}
.pc h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.18;color:var(--text)}
.pc p{font-size:14.5px;color:var(--muted);line-height:1.55;flex:1}
.pc-meta{font-size:12.5px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pc-meta i{width:3px;height:3px;border-radius:50%;background:var(--muted);display:inline-block}
.pc-more{font-size:14px;color:var(--leaf);font-weight:500}
/* cuando solo hay 1 artículo (resumen en la portada) */
.bl-grid.n1{grid-template-columns:1fr}
@media(min-width:760px){.bl-grid.n1 .pc{display:grid;grid-template-columns:1fr 1fr}.bl-grid.n1 .pc-img{aspect-ratio:auto;min-height:280px}.bl-grid.n1 .pc-body{padding:34px 32px;justify-content:center}.bl-grid.n1 .pc h3{font-size:28px}}