// ======================== // 6. Inicialización completa // ======================== function init() buildDrivePdfList(); // llena sidebar con PDFs desde Drive (IDs) renderPosts(); // muestra los posts del blog con filtro "todos" initFilters(); // activa los filtros por categoría
.post-img width: 100%; height: 200px; object-fit: cover; background: #d9cdb6; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #6a4e2e;
footer background: #1e2a22; color: #cfd8cd; text-align: center; padding: 2rem; margin-top: 2rem; font-size: 0.85rem; Blog De Libros Pdf Google Drive
// ======================== // 5. FILTROS Y NAVEGACIÓN // ======================== function initFilters() const filterBtns = document.querySelectorAll('.filter-btn'); filterBtns.forEach(btn => btn.addEventListener('click', () => const filterValue = btn.getAttribute('data-filter'); if (!filterValue) return; activeFilter = filterValue; renderPosts(); // Actualizar clase activa filterBtns.forEach(b => b.classList.remove('active')); btn.classList.add('active'); ); );
.close-modal background: none; border: none; font-size: 1.8rem; cursor: pointer; color: white; transition: 0.1s; // ======================== // 6
/* Navegación interna (filtros) */ .blog-nav display: flex; flex-wrap: wrap; justify-content: center; gap: 0.8rem; background: white; padding: 1rem 1.5rem; border-bottom: 1px solid #e2ddd4; position: sticky; top: 0; z-index: 100; backdrop-filter: blur(4px); background-color: rgba(255,255,245,0.95);
.drive-description font-size: 0.85rem; color: #5c5a55; margin-bottom: 1.5rem; line-height: 1.4; footer background: #1e2a22
.drive-header i color: #4285f4; font-size: 1.8rem;
body font-family: 'Inter', sans-serif; background: #faf6f0; color: #2c2b28; scroll-behavior: smooth;