Libros Pdf Google Drive — Blog De

// Event listeners modal if (closeModalBtn) closeModalBtn.addEventListener('click', closeModal); window.addEventListener('click', (e) => if (e.target === modal) closeModal(); );

.btn-pdf:hover background: #0f2a1d;

body font-family: 'Inter', sans-serif; background: #faf6f0; color: #2c2b28; scroll-behavior: smooth; Blog De Libros Pdf Google Drive

function openPdfModal(pdfEmbedUrl, fileName) // Asegurar que la URL use el formato embed /preview para máxima compatibilidad. // Si por algún motivo la url no contiene 'preview', la normalizamos. let finalUrl = pdfEmbedUrl; if (!finalUrl.includes('/preview')) // Si es del tipo file/d/ID/ lo convertimos a preview const match = finalUrl.match(/\/d\/(.+?)\//); if (match && match[1]) finalUrl = `https://drive.google.com/file/d/$match[1]/preview`; else finalUrl = finalUrl + "?embedded=true"; // Agregar parámetro para mejor visualización if (!finalUrl.includes('?')) finalUrl += '?usp=drivesdk'; else finalUrl += '&usp=drivesdk'; pdfIframe.src = finalUrl; modal.style.display = 'flex'; document.body.style.overflow = 'hidden'; // actualizar título modal const modalHeaderTitle = document.querySelector('#pdfModal .modal-header h3'); if (modalHeaderTitle) modalHeaderTitle.innerHTML = `<i class="fas fa-file-pdf"></i> $fileName.replace('.pdf', '') · Google Drive`; // Event listeners modal if (closeModalBtn) closeModalBtn

.post-meta display: flex; gap: 1rem; font-size: 0.8rem; color: #7f6e5c; margin-bottom: 1rem; border-bottom: 1px dashed #ece2d6; padding-bottom: 0.6rem; if (e.target === modal) closeModal()

// Asignar eventos a los botones "Leer PDF" de cada post document.querySelectorAll('.open-pdf-btn').forEach(btn => btn.addEventListener('click', (e) => const url = btn.getAttribute('data-pdf-url'); const name = btn.getAttribute('data-pdf-name'); if (url) openPdfModal(url, name); ); );