/* Tarjeta de titulación con logo a la izquierda */
#certs-grid > div.cert-card{
  display:grid;
  grid-template-columns: 56px 1fr;
  gap:12px;
  align-items:start;
}

/* Logo */
#certs-grid .cert-logo{
  width:56px; height:56px;
  border-radius:8px; overflow:hidden; background:#eee;
}
#certs-grid .cert-logo img{
  width:100%; height:100%; object-fit:cover; filter:grayscale(100%); display:block;
}

/* Cuerpo */
#certs-grid .cert-body{ min-width:0; }            /* evita desbordes */
#certs-grid .cert-title{ font-weight:700; }
#certs-grid .cert-meta{
  opacity:.9; line-height:1.35; margin-top:2px;
  overflow-wrap:anywhere; word-break:break-word;  /* URLs largas */
}
#certs-grid .cert-link{
  display:inline-block; margin-top:6px; font-weight:600;
  text-decoration:underline;
}

/* Sin logo: que ocupe todo el ancho */
#certs-grid > div.cert-card:not(:has(.cert-logo)){
  grid-template-columns: 1fr;
}

/* Responsive pequeño */
@media (max-width: 560px){
  #certs-grid > div.cert-card{
    grid-template-columns: 48px 1fr;
    gap:10px;
  }
  #certs-grid .cert-logo{ width:48px; height:48px; }
}