▼ AVANZA ▼ La presidenta de México presentará el 1 de septiembre una radiografía de la nación, en la que resaltará las medidas tomadas en diferentes rubros durante su primer año de gobierno, así como los avances de los proyectos que el Ejecutivo presentó al Congreso CRÉDITOS Fuente: INEGI, GOBIERNO DE MÉXICO, SECRETARÍA DE BIENESTAR, SECRETARIADO EJECUTIVO| Información: LENINA RAMOS | Coordinación: ABRAHAM FLORES| Programación:JUAN NAVA |Infografía:ARTURO BLACK FONSECA DERECHOS RESERVADOS ® MILENIO DIARIO 2025 Claudia Sheinbaum llega a su primer Informe de Gobierno con una aprobación de 70.1% al cierre de junio, según una encuesta nacional. Se trata de la persona al frente del Ejecutivo mejor evaluada en la historia reciente de México. EMPLEO Junio de 2025 registró la mayor generación de empleos a escala nacional respecto al mismo mes de 2024. “La economía está muy bien.Los principios de nuestro modelo económico han dado resultados y la evidencia está en el crecimiento de los ingresos y la generación de empleo formal” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); SEGURIDAD SOCIAL Entre enero y julio de 2025, México acumuló 1.2 millones de empleos formales, representando un aumento histórico y superando los 23.5 millones de puestos de trabajo registrados; variación acumulada entre enero y julio de cada año. “Cumplimos un compromiso mása favor de la seguridad social de trabajadoras y trabajadores” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); HUMANISMOMEXICANO “Seguimos siendo la doceava economía del mundo, pasamos de la 15 a la 12. Estamos por encima de España, de Corea del Sur, de Australia, de Indonesia, de Países Bajos, de Turquía, de Arabia Saudita y de Suiza” HUMANISMOMEXICANO “Seguimos siendo la doceava economía del mundo, pasamos de la 15 a la 12. Estamos por encima de España, de Corea del Sur, de Australia, de Indonesia, de Países Bajos, de Turquía, de Arabia Saudita y de Suiza” POBREZA En 2024 el número de personas en situación de pobreza se redujo a 38.5 millones, la cifra más baja registrada en al menos una década. “Es una hazaña de la 4T que de 2018a 2024 salieran de la pobreza 13.4 millones de personas en México” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); De ese total, 31.5 millones están en pobreza moderada y 7 millones en pobreza extrema. INFLACIÓN La inflación en México se mantiene estable, al colocarse en 3.49% en la primera quincena de agosto. “Estaba en 5.16 por factores externos y ahora está en 3.49, pero lo más importante es que se apoya al que menos tiene” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); INVERSIÓN EXTRANJERA México alcanzó el máximo nivel de inversión extranjera directa en un segundo trimestre; la captación obtuvo récord de 34 mil 265 millones de dólares, es decir, 10.2 por ciento más que el mismo periodo de 2024. “Ni los aranceles (estadunidenses) pudieron con la economía mexicana” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); PROGRAMAS DEL BIENESTAR La presidenta Claudia Sheinbaum decidió no solo mantener todos los Programas para el Bienestar creados el sexenio anterior, sino también implementar tres nuevos. “Se mantendrán todos los programas del Bienestar y nos aseguraremos que su incremento anual nunca esté por debajo de la inflación” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); NUEVOS APOYOS GABINETE DESEGURIDAD “Estos resultados no se tendrían si no fuera por un trabajo permanente, cotidiano, coordinado, y por el gran equipo que tenemos, que son profesionales, trabajadores, y que tienen como visión servir a la gente, servir al pueblo” GABINETE DESEGURIDAD “Estos resultados no se tendrían si no fuera por un trabajo permanente, cotidiano, coordinado, y por el gran equipo que tenemos, que son profesionales, trabajadores, y que tienen como visión servir a la gente, servir al pueblo” HOMICIDIOS DOLOSOS Julio de 2025 se convirtió en el mes con el menor número de casos registradosen los últimos 10 años. “Es un esfuerzo de coordinación de todo el país, resultado de la Estrategia de Seguridad y la atención a las causas” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); HOMICIDIOS DOLOSOS POR AÑO Con base a las tendencias a la baja, se proyecta que el número total de homicidios dolosos rondará las cifras de 2016. "Es un resultado muy importante del Gabinete de Seguridad y muestra de que la estrategia está funcionando" /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); ASESINATOS POR SEXENIO Víctimas de homicidios entre 1988 y 2025 por periodo presidencial. “La tendencia es decreciente. En cada año el número de delitos de alto impacto ha sido constante” /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); PERCEPCIÓN DE INSEGURIDAD Ciudades y alcaldías de México donde la población se siente más y menos insegura. En junio pasado, seis de cada 10 habitantes mayores de 18 años (63.2%) manifestaron que era inseguro vivir en su ciudad. !function(){"use strict";window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"]){var e=document.querySelectorAll("iframe");for(var t in a.data["datawrapper-height"])for(var r,i=0;r=e[i];i++)if(r.contentWindow===a.source){var d=a.data["datawrapper-height"][t]+"px";r.style.height=d}}})}(); /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 420px; display: block; border-radius: 8px; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; } // Prevenir el parpadeo al mover el ratón entre el iframe y el panel let hoverTimeout; const panel = document.querySelector('.image-panel'); panel.addEventListener('mouseenter', function() { clearTimeout(hoverTimeout); }); panel.addEventListener('mouseleave', function() { hoverTimeout = setTimeout(() => { document.querySelector('.iframe-container').style.transform = ''; document.querySelector('.image-panel').style.opacity = '0'; document.querySelector('.image-panel').style.visibility = 'hidden'; document.querySelector('.image-panel').style.right = '-300px'; }, 100); }); }); DESEMPEÑO Y CONFIANZA A escala nacional, la población mayor de 18 años consideró a la Marina como la corporación de mayor confianza y como la más efectiva en 2024. Este liderazgo en percepción ciudadana no es nuevo. La Semar ha mantenido su posición como la institución más confiable y efectiva desde 2016. /* Importar la fuente Source Serif Pro */ @import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); .iframe-with-effect * { margin: 0; padding: 0; box-sizing: border-box; } .iframe-container { position: relative; width: 100%; transition: transform 0.4s ease; z-index: 2; } .iframe-container iframe { width: 100%; height: 400px; border-radius: 8px; display: block; } .image-panel { position: absolute; right: -300px; top: 50%; transform: translateY(-50%); width: 280px; height: 350px; border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 3; pointer-events: none; } .iframe-container:hover .image-panel { opacity: 1; visibility: visible; right: -290px; pointer-events: auto; transition: all 0.4s ease 0.1s; } .iframe-container:hover { transform: translateX(-15px); } .image-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .image-panel:hover img { transform: scale(1.05); } .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent); color: white; padding: 20px 15px 15px; font-family: 'Source Serif Pro', serif; transform: translateY(5px); opacity: 0; transition: all 0.3s ease; } .image-panel:hover .image-info { transform: translateY(0); opacity: 1; } .image-info h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 8px; line-height: 1.3; } .image-info p { font-weight: 300; font-size: 0.9rem; line-height: 1.5; opacity: 0.9; } /* Zona de activación extendida para evitar el efecto de bucle */ .iframe-container::after { content: ''; position: absolute; top: 0; right: -20px; width: 30px; height: 100%; z-index: 4; } @media (max-width: 768px) { .image-panel { position: relative; right: auto; top: auto; transform: none; margin-top: 20px; width: 100%; max-width: 100%; height: 250px; opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container:hover { transform: none; } .iframe-container:hover .image-panel { right: auto; } .iframe-container::after { display: none; } .image-info { opacity: 1; transform: translateY(0); } } // Detectar dispositivos táctiles y ajustar el comportamiento document.addEventListener('DOMContentLoaded', function() { const iframeContainer = document.querySelector('.iframe-container'); const imagePanel = document.querySelector('.image-panel'); if ('ontouchstart' in window || navigator.maxTouchPoints > 0) { imagePanel.style.position = "relative"; imagePanel.style.right = "auto"; imagePanel.style.top = "auto"; imagePanel.style.transform = "none"; imagePanel.style.marginTop = "20px"; imagePanel.style.width = "100%"; imagePanel.style.opacity = "1"; imagePanel.style.visibility = "visible"; imagePanel.style.height = "250px"; imagePanel.style.pointerEvents = "auto"; return; // No necesitamos el resto del código para dispositivos táctiles } // Variables para controlar el estado let isHoveringIframe = false; let isHoveringPanel = false; let hideTimeout = null; // Elementos del DOM const iframe = document.querySelector('.iframe-container'); const panel = document.querySelector('.image-panel'); // Eventos para el contenedor del iframe iframe.addEventListener('mouseenter', function() { isHoveringIframe = true; clearTimeout(hideTimeout); showPanel(); }); iframe.addEventListener('mouseleave', function() { isHoveringIframe = false; // Esperar un poco antes de ocultar para permitir transiciones suaves hideTimeout = setTimeout(() => { if (!isHoveringPanel) { hidePanel(); } }, 100); }); // Eventos para el panel de imagen panel.addEventListener('mouseenter', function() { isHoveringPanel = true; clearTimeout(hideTimeout); }); panel.addEventListener('mouseleave', function() { isHoveringPanel = false; // Esperar un poco antes de ocultar hideTimeout = setTimeout(() => { if (!isHoveringIframe) { hidePanel(); } }, 100); }); // Funciones para mostrar y ocultar el panel function showPanel() { panel.style.opacity = '1'; panel.style.visibility = 'visible'; panel.style.right = '-290px'; iframe.style.transform = 'translateX(-15px)'; } function hidePanel() { panel.style.opacity = '0'; panel.style.visibility = 'hidden'; panel.style.right = '-300px'; iframe.style.transform = ''; } }); RELACIÓNBILATERAL “Cabeza fría”, es la frase que Claudia Sheinbaum ha repetido para sostener que su gobierno buscará evitar las confrontaciones con EU en temas como el comercio, la migración, la seguridad fronteriza o el combate a los grupos del crimen organizado. RELACIÓNBILATERAL “Cabeza fría”, es la frase que Claudia Sheinbaum ha repetido para sostener que su gobierno buscará evitar las confrontaciones con EU en temas como el comercio, la migración, la seguridad fronteriza o el combate a los grupos del crimen organizado. {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/twentytwentyfive\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.id = 'wp-skip-link'; skipLink.href = '#' + skipLinkTargetID; skipLink.innerText = 'Saltar al contenido'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartir en Facebook","shareOnTwitter":"Compartir en Twitter","pinIt":"Fijarlo","download":"Descargar","downloadImage":"Descargar imagen","fullscreen":"Pantalla completa","zoom":"Zoom","share":"Compartir","playVideo":"Reproducir video","previous":"Previo","next":"Siguiente","close":"Cerrar","a11yCarouselPrevSlideMessage":"Diapositiva anterior","a11yCarouselNextSlideMessage":"Diapositiva siguiente","a11yCarouselFirstSlideMessage":"Esta es la primera diapositiva","a11yCarouselLastSlideMessage":"Esta es la \u00faltima diapositiva","a11yCarouselPaginationBulletMessage":"Ir a la diapositiva"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"M\u00f3vil en Retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"M\u00f3vil horizontal","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tableta vertical","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tableta horizontal","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Pantalla grande","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.31.2","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"theme_builder_v2":true,"nested-elements":true,"e_element_cache":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true},"urls":{"assets":"https:\/\/3.83.189.8\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/3.83.189.8\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/3.83.189.8\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"d4aafcfcd2"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":3596,"title":"SHEINBAUM%20INFORME%20%E2%80%93%20Especiales%20Milenio","excerpt":"","featuredImage":false}}; wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/3.83.189.8\/wp-admin\/admin-ajax.php","nonce":"90bdc8e295","urls":{"assets":"https:\/\/3.83.189.8\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/3.83.189.8\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"es_MX","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/3.83.189.8\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};