JUSTICIA ELECTORAL

Lo que sabemos hasta ahora de los resultados del Poder Judicial Federal que fue votado en junio 2025.

 

A continuación encontrarás algunos datos que muestran quiénes fueron las personas electas por las y los mexicanos para integrar el nuevo Poder Judicial Federal. Los resultados reflejan dos cuestiones clave. Por un lado, un avance significativo en la participación de mujeres al frente de juzgados y tribunales. Por el otro, se observa que personas que antes se desempeñaban en cargos intermedios de la judicatura ahora asumirán la responsabilidad de resolver controversias y dictar sentencias.

 

document.addEventListener(‘DOMContentLoaded’, () => { const bentoItems = document.querySelectorAll(‘.bento-item’); const modal = document.getElementById(‘bentoModal’); const modalTitle = document.querySelector(‘.modal-title’); const cubeContainer = document.querySelector(‘.cube-container’); const slideOrder = Array.from(bentoItems).map(item => item.dataset.id); let currentSlideIndex = 0; // Variables for swipe detection let startX = 0; let endX = 0; // Mapeo de IDs de Flourish para cada slide const flourishIds = { ‘encuesta’: ‘25816919’, ‘inegi’: ‘25816949’, ‘corrupcion’: ‘25818183’ }; // Función para cargar iframes de Flourish function loadFlourishIframes(slideElement, slideId) { if (!slideElement) return; const flourishContainers = slideElement.querySelectorAll(‘.flourish-container[data-flourish-id]’); flourishContainers.forEach(container => { const visualizationId = container.getAttribute(‘data-flourish-id’); const placeholder = container.querySelector(‘.flourish-placeholder’); // Verificar si ya existe un iframe if (container.querySelector(‘.flourish-iframe’)) { return; // Ya existe, no hacer nada } if (visualizationId && placeholder) { // Crear el iframe const iframe = document.createElement(‘iframe’); iframe.className = ‘flourish-iframe’; iframe.src = `https://flo.uri.sh/visualisation/${visualizationId}/embed`; iframe.title = ‘Gráfica interactiva’; // Manejar la carga del iframe iframe.onload = () => { // Esperar un poco más para asegurar que Flourish haya renderizado completamente setTimeout(() => { iframe.classList.add(‘loaded’); }, 300); }; // Manejar errores iframe.onerror = () => { console.error(‘Error al cargar la gráfica Flourish:’, visualizationId); placeholder.textContent = ‘Error al cargar la gráfica’; }; // Reemplazar el placeholder con el iframe container.replaceChild(iframe, placeholder); } }); } bentoItems.forEach((item, index) => { item.addEventListener(‘click’, (e) => { e.preventDefault(); currentSlideIndex = index; loadSlideContent(slideOrder[currentSlideIndex]); }); }); document.querySelector(‘.next-slide’).addEventListener(‘click’, () => { navigateSlide(1); }); document.querySelector(‘.prev-slide’).addEventListener(‘click’, () => { navigateSlide(-1); }); // Add keyboard navigation document.addEventListener(‘keydown’, (e) => { if (modal.classList.contains(‘show’)) { if (e.key === ‘ArrowLeft’) { navigateSlide(-1); } else if (e.key === ‘ArrowRight’) { navigateSlide(1); } } }); // Add touch event listeners for swipe detection cubeContainer.addEventListener(‘touchstart’, (e) => { startX = e.touches[0].clientX; }); cubeContainer.addEventListener(‘touchend’, (e) => { endX = e.changedTouches[0].clientX; handleSwipe(); }); function handleSwipe() { const swipeThreshold = 50; if (endX – startX > swipeThreshold) { navigateSlide(-1); } else if (startX – endX > swipeThreshold) { navigateSlide(1); } } function navigateSlide(direction) { currentSlideIndex = (currentSlideIndex + direction + slideOrder.length) % slideOrder.length; loadSlideContent(slideOrder[currentSlideIndex], direction); } function loadSlideContent(slideId, direction = 0) { const contentDiv = document.getElementById(`modal-content-${slideId}`); if (!contentDiv) return; const contentClone = contentDiv.cloneNode(true); const title = contentClone.querySelector(‘h5’).textContent; const bodyContent = contentClone.querySelector(‘.modal-content-body’); const colorData = bodyContent.dataset; if (modal) { modal.querySelector(‘.modal-content’).style.backgroundColor = colorData.color; modal.querySelector(‘.modal-content’).style.color = colorData.textColor; modalTitle.style.color = colorData.textColor; } const existingTransitions = cubeContainer.querySelectorAll(‘.cube-face:not(.cube-face-current)’); existingTransitions.forEach(face => face.remove()); const currentFace = cubeContainer.querySelector(‘.cube-face-current’); const newFace = document.createElement(‘div’); newFace.className = `cube-face ${direction === 1 ? ‘slide-in-right’ : ‘slide-in-left’}`; newFace.innerHTML = bodyContent.innerHTML; currentFace.classList.add(direction === 1 ? ‘slide-out-left’ : ‘slide-out-right’); cubeContainer.appendChild(newFace); setTimeout(() => { currentFace.remove(); newFace.classList.remove(‘slide-in-right’, ‘slide-in-left’); newFace.classList.add(‘cube-face-current’); // Cargar iframes de Flourish después de que termine la transición setTimeout(() => { loadFlourishIframes(newFace, slideId); }, 200); }, 400); modalTitle.classList.add(‘title-changing’); setTimeout(() => { modalTitle.textContent = title; modalTitle.classList.remove(‘title-changing’); }, 300); } // Inicializar cuando el modal se muestra modal.addEventListener(‘shown.bs.modal’, () => { setTimeout(() => { const currentFace = cubeContainer.querySelector(‘.cube-face-current’); if (currentFace) { loadFlourishIframes(currentFace, slideOrder[currentSlideIndex]); } }, 600); }); // Reiniciar modal al cerrar modal.addEventListener(‘hidden.bs.modal’, () => { cubeContainer.querySelector(‘.cube-face-current’).innerHTML = ”; }); });