/* ==========================================================
   Comunicados · tarjetas con imagen (inicio y pages/comunicados.html)
   ========================================================== */
.com-lista{display:grid;gap:var(--sp-m)}
.com{display:grid;grid-template-columns:1fr;border-radius:var(--r);overflow:hidden}
.com-media{display:grid;place-items:center;padding:var(--sp-s);background:rgba(13,34,41,.07)}
.com-media img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 6px 24px rgba(13,34,41,.2)}
.com-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:var(--sp-m)}
.com-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.com-body h3{margin:0;font:600 24px/32px var(--font);letter-spacing:-.01em;text-wrap:balance}
.com-body p{margin:0;max-width:60ch;color:var(--text-em)}
.com-body .btn{margin-top:auto}
@media only screen and (min-width:768px){
  .com{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .com-media{padding:var(--sp-m) var(--sp-s);background:none}
  .com-body{padding:var(--sp-m) 20px;justify-content:center}
  .com-body h3{font-size:22px;line-height:30px}
  .com-body .btn{margin-top:var(--sp-s)}
}
@media only screen and (min-width:992px){
  .com{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .com-media{padding:var(--sp-m)}
  .com-body{padding:var(--sp-l)}
  .com-body h3{font-size:24px;line-height:32px}
}