<footer> <p><i class="fas fa-heart" style="color:#f9b23f;"></i> Blog de Libros · Inspirado por la literatura universal y la tecnología | Conecta con nuestra biblioteca en la nube</p> <p style="margin-top: 10px;">Todos los enlaces son de demostración educativa usando IDs públicos de Google Drive (ejemplos simulados).</p> </footer>
/* Modal para vista previa / lector PDF embebido */ .pdf-modal display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 1000; justify-content: center; align-items: center; Blog De Libros Pdf Google Drive
init();
<div class="blog-nav"> <button class="filter-btn active" data-filter="all"><i class="fas fa-globe"></i> Todos</button> <button class="filter-btn" data-filter="ficción"><i class="fas fa-feather-alt"></i> Ficción</button> <button class="filter-btn" data-filter="no-ficción"><i class="fas fa-brain"></i> No ficción</button> <button class="filter-btn" data-filter="clásicos"><i class="fas fa-landmark"></i> Clásicos</button> </div> i class="fas fa-heart" style="color:#f9b23f
iframe width: 100%; height: 100%; border: none; p style="margin-top: 10px
// Event listeners modal if (closeModalBtn) closeModalBtn.addEventListener('click', closeModal); window.addEventListener('click', (e) => if (e.target === modal) closeModal(); );
.btn-pdf i font-size: 1rem;