/* Contenedor general del listado */
.docs-list { /* ya no es <ul>, es un <div> */
  display: block;
}

/* Encabezado: H3 a la izquierda y botón a la derecha en la misma línea */
.doc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}

.doc-title {
  margin: 0;
  font-weight: 700; /* negrita */
}
.text-primary,
.doc-title .doc-title__link {
  color: var(--color-primary, #005EB8);
  text-decoration: none;
}
.doc-title .doc-title__link:hover { text-decoration: underline; }

/* Ícono antes del texto del botón  */
.doc-download::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .4rem;
  vertical-align: middle;

  /* color del ícono = color del texto del botón */
  background-color: currentColor;

  /* SVG como máscara (soporta temas oscuros/claro sin cambiar imagen) */
  -webkit-mask-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
<path d="M12 3v10l4-4 1.4 1.4L12 16.8 6.6 10.4 8 9l4 4V3zM5 19h14v2H5z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
<path d="M12 3v10l4-4 1.4 1.4L12 16.8 6.6 10.4 8 9l4 4V3zM5 19h14v2H5z"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}


/* Acordeón */
.doc-desc[hidden]{ display:none; }
.doc-meta { margin-top: .5rem; font-size:.925rem; opacity:.85; }
.doc-ext { font-weight:600; }

/* Separador entre tarjetas */
.doc-card { padding:.75rem 0; border-bottom:1px solid #eee; }