Aún no hay documentos publicados.

.doc-module { --doc-azul: #1B3A5C; --doc-azul-suave: #eef3f8; --doc-verde: #2F9E5C; --doc-verde-suave: #eaf7ef; --doc-blanco: #ffffff; --doc-texto: #33424f; --doc-borde: #dde5eb; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 720px; margin: 2.5rem auto; padding: 0 1.25rem; color: var(--doc-texto); } .doc-header { margin-bottom: 1.5rem; } .doc-eyebrow { margin: 0; font-size: 0.8rem; font-weight: 600; color: var(--doc-verde); } .doc-header h2 { margin: 0.1rem 0 0.25rem; font-size: 1.6rem; color: var(--doc-azul); } .doc-tagline { margin: 0; font-size: 0.95rem; color: #5b6b75; } .doc-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-top: 1px solid var(--doc-borde); } .doc-item { display: flex; align-items: center; gap: 1rem; padding: 1rem 0.25rem; border-bottom: 1px solid var(--doc-borde); } .doc-icon { flex: none; width: 2.5rem; height: 2.5rem; border-radius: 8px; background: var(--doc-azul-suave); color: var(--doc-azul); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.8rem; } .doc-item h3 { flex: 1; margin: 0; font-size: 1.02rem; color: var(--doc-azul); font-weight: 600; } .doc-open-btn { flex: none; border: none; cursor: pointer; background: var(--doc-verde); color: var(--doc-blanco); font-size: 0.85rem; font-weight: 600; padding: 0.55rem 1rem; border-radius: 8px; transition: background-color 0.15s ease; } .doc-open-btn:hover { background-color: #268049; } .doc-empty { text-align: center; color: #6b7a84; padding: 1.5rem 0; } @media (max-width: 480px) { .doc-item { flex-wrap: wrap; } .doc-open-btn { margin-left: auto; } }

`); popup.document.close(); popup.focus(); } documentos.forEach((doc) => { const li = document.createElement("li"); li.className = "doc-item"; li.innerHTML = `

${doc.titulo}

Ver documento `; li.querySelector(".doc-open-btn").addEventListener("click", () => { abrirDocumento(doc.driveId, doc.titulo); }); lista.appendChild(li); }); })(); // // ]]>