function render(list) {
  results.innerHTML = "";

  if (!list.length) {
    noResults.style.display = "block";
    return;
  }

  noResults.style.display = "none";

  list.forEach(d => {
    const div = document.createElement("div");
    div.className = "card";

    div.innerHTML = `
      <h3>Código ${d.codigo}</h3>
      <pre style="white-space: pre-wrap; font-family: monospace;">
${d.contenido_raw}
      </pre>
    `;

    results.appendChild(div);
  });
}