Blog De Libros Pdf Google Drive Apr 2026
.drive-note i margin-right: 5px;
<div class="main-container"> <!-- Sección de entradas del blog (posts) --> <div class="posts-grid" id="postsContainer"></div>
.filter-btn background: transparent; border: none; font-weight: 600; padding: 0.5rem 1.2rem; border-radius: 40px; cursor: pointer; font-family: 'Inter', sans-serif; font-size: 0.9rem; transition: all 0.2s ease; color: #3a5a44; Blog De Libros Pdf Google Drive
<!-- Modal visualizador PDF embebido --> <div id="pdfModal" class="pdf-modal"> <div class="modal-content"> <div class="modal-header"> <h3><i class="fas fa-file-pdf"></i> Lector de Google Drive</h3> <button class="close-modal" id="closeModalBtn">×</button> </div> <div class="modal-body"> <iframe id="pdfIframe" src="" title="Visor PDF"></iframe> </div> </div> </div>
init();
.btn-pdf:hover background: #0f2a1d;
.filter-btn.active background: #2a5a3a; color: white; box-shadow: 0 2px 8px rgba(0,0,0,0.1); .drive-note i margin-right: 5px
.blog-header p font-size: 1.2rem; opacity: 0.9; margin-top: 0.6rem; max-width: 650px; margin-left: auto; margin-right: auto;
.pdf-item background: #fef9f2; margin-bottom: 0.8rem; border-radius: 60px; transition: all 0.2s; border: 1px solid #f0e7dc; div class="posts-grid" id="postsContainer">