CONVOCATORIAS MUNICIPALES

/* Contenedor principal de la lista y el PDF */ .convocatoria-container { display: flex; flex-wrap: wrap; justify-content: space-between; }/* Contenedor de la lista de convocatorias */ .convocatoria-list { width: 40%; min-width: 300px; }/* Contenedor del PDF con animación */ #pdf-container { display: none; width: 55%; opacity: 0; text-align: center; transform: translateY(-10px); transition: opacity 0.5s ease, transform 0.5s ease; }#pdf-container.show { opacity: 1; transform: translateY(0); }/* Estilos del iframe del PDF */ #pdf-viewer { width: 100%; height: 90vh; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }/* Estilos de los enlaces de convocatorias */ .convocatoria-link { display: block; padding: 10px; font-size: 18px; color: #2A4D69; text-decoration: none; cursor: pointer; transition: color 0.3s ease; }.convocatoria-link:hover { color: #3E92CC; text-decoration: underline; }/* Responsive para móviles y tablets */ @media (max-width: 768px) { .convocatoria-container { flex-direction: column; }.convocatoria-list { width: 100%; }#pdf-container { width: 100%; margin-top: 10px; }#pdf-viewer { height: 500px; } }/* Animación suave para el PDF en móvil */ .mobile-pdf-view { opacity: 0; transform: translateY(-10px); transition: opacity 0.5s ease, transform 0.5s ease; }.mobile-pdf-view.show { opacity: 1; transform: translateY(0); }document.addEventListener("DOMContentLoaded", function() { const links = document.querySelectorAll(".convocatoria-link"); const pdfContainer = document.getElementById("pdf-container"); const pdfViewer = document.getElementById("pdf-viewer");links.forEach(link => { link.addEventListener("click", function(event) { event.preventDefault(); const pdfUrl = this.getAttribute("data-pdf");if (window.innerWidth existingViewer.remove(), 500); } else { const newPdfContainer = document.createElement("div"); newPdfContainer.classList.add("mobile-pdf-view"); newPdfContainer.innerHTML = ``; this.after(newPdfContainer); setTimeout(() => newPdfContainer.classList.add("show"), 50); } } else { // Modo escritorio: Muestra el PDF en el lado derecho con animación if (pdfContainer.style.display === "block" && pdfViewer.src === pdfUrl) { pdfContainer.classList.remove("show"); setTimeout(() => { pdfContainer.style.display = "none"; pdfViewer.src = ""; }, 500); } else { pdfViewer.src = pdfUrl; pdfContainer.style.display = "block"; setTimeout(() => pdfContainer.classList.add("show"), 50); } } }); }); });