{"id":13,"date":"2026-10-27T17:20:08","date_gmt":"2026-10-27T17:20:08","guid":{"rendered":"https:\/\/magicafm.mx\/wordpress\/?page_id=13"},"modified":"2026-10-27T23:31:34","modified_gmt":"2026-10-27T23:31:34","slug":"noticias-local","status":"publish","type":"page","link":"https:\/\/magicafm.mx\/?page_id=13","title":{"rendered":"Noticias Local"},"content":{"rendered":"\n<!--\nDEMOSTRACI\u00d3N DE ACTUALIDAD \u00b7 M\u00c1GICA 100.1 FM\nIncluye 20 notas de ejemplo.\nEste bloque muestra contenido de demostraci\u00f3n, no entradas autom\u00e1ticas.\nFunciona con HTML y CSS, sin agregar otro reproductor.\n-->\n\n<style>\n#magica-noticias-demo{\n  --rosa:#df00c6;\n  --amarillo:#ffff00;\n  --tinta:#24152e;\n  --gris:#75677e;\n  max-width:1200px;\n  margin:24px auto;\n  padding:0 16px 36px;\n  color:var(--tinta);\n  font:16px\/1.6 Arial,Helvetica,sans-serif;\n  text-align:left;\n}\n#magica-noticias-demo *{box-sizing:border-box}\n#magica-noticias-demo h2,\n#magica-noticias-demo h3,\n#magica-noticias-demo p{margin:0}\n#magica-noticias-demo a{color:inherit;text-decoration:none}\n#magica-noticias-demo a:focus-visible{\n  outline:3px solid var(--rosa);\n  outline-offset:4px;\n}\n#magica-noticias-demo .md-aviso{\n  padding:10px 14px;\n  border-radius:8px;\n  background:#fffbc5;\n  color:#706020;\n  font-size:12px;\n  margin-bottom:24px;\n}\n#magica-noticias-demo .md-encabezado{\n  border-top:4px solid var(--rosa);\n  padding-top:24px;\n  margin-bottom:25px;\n}\n#magica-noticias-demo .md-marca{\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:.12em;\n  color:#ac009b;\n  margin-bottom:10px;\n}\n#magica-noticias-demo .md-encabezado h2{\n  font-size:clamp(34px,5vw,59px);\n  font-weight:900;\n  letter-spacing:-.045em;\n  line-height:1.08;\n  margin-bottom:14px;\n}\n#magica-noticias-demo .md-encabezado h2 span{color:var(--rosa)}\n#magica-noticias-demo .md-encabezado>p:last-child{\n  color:var(--gris);\n  font-size:15px;\n}\n#magica-noticias-demo .md-titulo{\n  font-size:27px;\n  letter-spacing:-.035em;\n  font-weight:900;\n  line-height:1.2;\n  margin:28px 0 18px;\n}\n#magica-noticias-demo .md-carrusel{\n  display:flex;\n  gap:18px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n  scrollbar-width:thin;\n  scrollbar-color:var(--rosa) #eee6f2;\n  padding-bottom:15px;\n}\n#magica-noticias-demo .md-slide{\n  flex:0 0 calc(50% - 9px);\n  scroll-snap-align:start;\n  scroll-margin-top:120px;\n  border-radius:15px;\n  overflow:hidden;\n  background:#261234;\n  color:white;\n  min-width:0;\n}\n#magica-noticias-demo .md-portada{\n  display:flex;\n  min-height:190px;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  overflow:hidden;\n  background:radial-gradient(\n    circle at 85% 5%,\n    #d800b7,\n    #52217f 50%,\n    #241132\n  );\n  padding:25px;\n}\n#magica-noticias-demo .md-portada:before{\n  content:'';\n  position:absolute;\n  width:170px;\n  height:170px;\n  border:1px solid #ffffff20;\n  border-radius:50%;\n  right:-25px;\n  top:-55px;\n}\n#magica-noticias-demo .md-portada strong{\n  position:relative;\n  color:#ffffc9;\n  font-size:32px;\n  line-height:1.05;\n  font-weight:900;\n  letter-spacing:-.035em;\n  text-align:center;\n}\n#magica-noticias-demo .md-ciudad{\n  background-image:\n    linear-gradient(#24113215,#24113275),\n    url('https:\/\/commons.wikimedia.org\/wiki\/Special:FilePath\/Centro_en_Hidalgo_del_Parral.jpg?width=900');\n  background-position:center;\n  background-size:cover;\n}\n#magica-noticias-demo .md-ciudad strong{\n  text-shadow:0 2px 14px #0009;\n}\n#magica-noticias-demo .md-publico{\n  background:linear-gradient(130deg,#522782,#1c2440);\n}\n#magica-noticias-demo .md-comunidad{\n  background:linear-gradient(130deg,#b0009a,#43205e);\n}\n#magica-noticias-demo .md-slide-cuerpo{padding:23px}\n#magica-noticias-demo .md-etiqueta{\n  display:inline-block;\n  background:var(--rosa);\n  color:white;\n  border-radius:4px;\n  padding:5px 9px;\n  font-size:10px;\n  font-weight:800;\n  line-height:1.4;\n}\n#magica-noticias-demo .md-importante{\n  background:var(--amarillo);\n  color:#332b14;\n}\n#magica-noticias-demo .md-slide h3{\n  font-size:27px;\n  line-height:1.15;\n  letter-spacing:-.03em;\n  font-weight:800;\n  margin:12px 0;\n}\n#magica-noticias-demo .md-slide-cuerpo>p{\n  font-size:13px;\n  color:#dac5e6;\n  line-height:1.7;\n}\n#magica-noticias-demo .md-leer{\n  display:inline-block;\n  font-weight:800;\n  font-size:12px;\n  color:#ac009b;\n  text-decoration:underline;\n  text-underline-offset:4px;\n  margin-top:16px;\n}\n#magica-noticias-demo .md-slide .md-leer{\n  background:var(--amarillo);\n  color:#26142f;\n  text-decoration:none;\n  border-radius:6px;\n  padding:10px 15px;\n}\n#magica-noticias-demo .md-controles{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:10px;\n  border-top:1px solid #ffffff20;\n  padding:11px 20px;\n  font-size:12px;\n  color:#dcc3e8;\n}\n#magica-noticias-demo .md-controles a{\n  display:inline-block;\n  padding:4px 8px;\n  border:1px solid #745384;\n  border-radius:4px;\n}\n#magica-noticias-demo .md-ayuda{\n  font-size:12px;\n  color:var(--gris);\n  margin:8px 0 30px;\n}\n#magica-noticias-demo .md-pagina{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:22px;\n  scroll-margin-top:115px;\n}\n#magica-noticias-demo .md-pagina-2{display:none}\n#magica-noticias-demo .md-pagina-2:target{display:grid}\n#magica-noticias-demo .md-pagina-2:target~.md-pagina-1{\n  display:none;\n}\n#magica-noticias-demo .md-tarjeta{\n  background:white;\n  border:1px solid #e7deed;\n  border-radius:12px;\n  overflow:hidden;\n  min-width:0;\n}\n#magica-noticias-demo .md-tarjeta .md-portada{\n  min-height:185px;\n}\n#magica-noticias-demo .md-cuerpo{padding:21px}\n#magica-noticias-demo .md-meta{\n  font-size:10px;\n  letter-spacing:.04em;\n  color:#8d7899;\n  margin:11px 0 9px;\n}\n#magica-noticias-demo .md-tarjeta h3{\n  font-size:24px;\n  line-height:1.2;\n  font-weight:800;\n  letter-spacing:-.035em;\n  margin-bottom:11px;\n}\n#magica-noticias-demo .md-tarjeta h3 a:hover{\n  color:#b000a0;\n}\n#magica-noticias-demo .md-resumen{\n  font-size:14px;\n  color:var(--gris);\n  line-height:1.7;\n}\n#magica-noticias-demo .md-paginacion{\n  display:flex;\n  gap:8px;\n  flex-wrap:wrap;\n  margin:27px 0 12px;\n}\n#magica-noticias-demo .md-paginacion a{\n  display:grid;\n  place-items:center;\n  min-width:43px;\n  min-height:43px;\n  padding:10px 15px;\n  border:1px solid #dfd3e7;\n  background:white;\n  border-radius:7px;\n  font-size:13px;\n  font-weight:800;\n  cursor:pointer;\n  color:#51375e;\n}\n#magica-noticias-demo .md-paginacion a:first-child{\n  background:#b200a2;\n  border-color:#b200a2;\n  color:white;\n}\n#magica-noticias-demo .md-pagina-2:target~.md-paginacion a:first-child{\n  background:white;\n  color:#51375e;\n  border-color:#dfd3e7;\n}\n#magica-noticias-demo .md-pagina-2:target~.md-paginacion a:last-child{\n  background:#b200a2;\n  border-color:#b200a2;\n  color:white;\n}\n#magica-noticias-demo .md-nota{\n  display:none;\n  max-width:850px;\n  margin:auto;\n  scroll-margin-top:115px;\n}\n#magica-noticias-demo .md-nota:target{display:block}\n#magica-noticias-demo .md-nota:target~.md-catalogo{\n  display:none;\n}\n#magica-noticias-demo .md-volver{\n  display:inline-block;\n  margin-bottom:24px;\n  color:#a40094;\n  font-size:13px;\n  font-weight:800;\n}\n#magica-noticias-demo .md-nota h2{\n  font-size:clamp(31px,4.5vw,50px);\n  font-weight:900;\n  line-height:1.13;\n  letter-spacing:-.04em;\n  margin:16px 0 20px;\n}\n#magica-noticias-demo .md-nota .md-portada{\n  min-height:270px;\n  border-radius:13px;\n  margin:20px 0 25px;\n}\n#magica-noticias-demo .md-nota>p{\n  font-size:17px;\n  line-height:1.85;\n  color:#65506f;\n  margin-bottom:20px;\n}\n#magica-noticias-demo .md-creditos{\n  margin-top:28px;\n  font-size:10px;\n  color:#96839f;\n  line-height:1.7;\n}\n#magica-noticias-demo .md-creditos a{\n  text-decoration:underline;\n}\n@media(max-width:700px){\n  #magica-noticias-demo{padding:0 4px 28px}\n  #magica-noticias-demo .md-slide{flex-basis:88%}\n  #magica-noticias-demo .md-pagina{grid-template-columns:1fr}\n  #magica-noticias-demo .md-slide h3{font-size:25px}\n  #magica-noticias-demo .md-slide-cuerpo{padding:20px}\n  #magica-noticias-demo .md-nota .md-portada{\n    min-height:210px;\n  }\n}\n@media(prefers-reduced-motion:reduce){\n  #magica-noticias-demo .md-carrusel{\n    scroll-behavior:auto;\n  }\n}\n<\/style>\n\n<section id=\"magica-noticias-demo\"\n         aria-label=\"Demostraci\u00f3n de pol\u00edtica y noticias importantes\">\n\n  <!-- NOTAS COMPLETAS DE DEMOSTRACI\u00d3N -->\n\n  <article class=\"md-nota\" id=\"md-nota-1\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>El presupuesto de tu ciudad, explicado de forma sencilla<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada\">\n      <strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong>\n    <\/div>\n    <p>Una mirada clara a los recursos p\u00fablicos, las prioridades y las preguntas que importan a la comunidad.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-2\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Parral: las historias que importan a nuestra comunidad<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n    <p>La vida de la ciudad, sus espacios y su gente, en una cobertura cercana y f\u00e1cil de entender.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-3\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Congreso: los temas que estar\u00e1n en nuestra agenda informativa<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n    <p>Un espacio para explicar propuestas y decisiones p\u00fablicas con contexto y voces distintas.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-4\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Obras y servicios: lo que necesitas saber de tu colonia<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n    <p>Informaci\u00f3n de inter\u00e9s para seguir los temas cotidianos que afectan a nuestras colonias.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-5\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>\u00bfQu\u00e9 hace un regidor? Conoce su papel en el municipio<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n    <p>Las responsabilidades del gobierno local, contadas con palabras sencillas.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-6\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Movilidad: avisos y temas que vale la pena conocer<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n    <p>Un lugar para consultar informaci\u00f3n \u00fatil sobre los recorridos y la vida diaria en la ciudad.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-7\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>La voz de los ciudadanos tambi\u00e9n forma parte de la noticia<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-comunidad\"><strong>VOCES DE<br>LA COMUNIDAD<\/strong><\/div>\n    <p>Preguntas, inquietudes y puntos de vista que ayudan a ampliar la conversaci\u00f3n p\u00fablica.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-8\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Educaci\u00f3n y comunidad: historias que merecen espacio<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n    <p>Las iniciativas, experiencias y temas de inter\u00e9s de nuestra comunidad educativa.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-9\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Propuestas p\u00fablicas: las preguntas que debe responder una cobertura<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n    <p>Qu\u00e9 se propone, a qui\u00e9n involucra y c\u00f3mo se explicar\u00eda su impacto en la comunidad.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-10\">\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Tu ciudad en contexto: informaci\u00f3n para empezar el d\u00eda<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n    <p>Una selecci\u00f3n editorial para encontrar lo importante sin perderse entre tantos titulares.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-1\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-11\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Cabildo: c\u00f3mo seguir los asuntos del gobierno municipal<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n    <p>Una gu\u00eda editorial para entender la discusi\u00f3n de los temas de inter\u00e9s local.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-12\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Cultura y patrimonio: otra forma de contar Parral<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n    <p>Los lugares y las historias que nos conectan con la identidad de nuestra ciudad.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-13\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Participaci\u00f3n ciudadana: un espacio para escuchar m\u00e1s voces<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-publico\"><strong>PARTICIPACI\u00d3N<br>CIUDADANA<\/strong><\/div>\n    <p>La conversaci\u00f3n p\u00fablica se enriquece cuando hay preguntas, contexto y participaci\u00f3n.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-14\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Informaci\u00f3n de servicio que puede hacer m\u00e1s f\u00e1cil tu d\u00eda<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n    <p>Avisos y temas de utilidad reunidos en un formato claro y accesible.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-15\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Transparencia: poner la informaci\u00f3n p\u00fablica al alcance de todos<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n    <p>Una secci\u00f3n para dar contexto a los datos y promover una conversaci\u00f3n informada.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-16\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Comunidad: las historias detr\u00e1s de los grandes titulares<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-comunidad\"><strong>VOCES DE<br>LA COMUNIDAD<\/strong><\/div>\n    <p>Adem\u00e1s de los anuncios, est\u00e1n las personas y las experiencias de la vida cotidiana.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-17\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Agenda estatal: los temas que conectan a Chihuahua<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n    <p>El contexto de los asuntos p\u00fablicos que pueden interesar a distintas comunidades del estado.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-18\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Lo importante tambi\u00e9n se cuenta con calma y claridad<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n    <p>Un espacio para ampliar la informaci\u00f3n y entender lo que hay detr\u00e1s de una noticia.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-19\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n    <h2>Elecciones y representaci\u00f3n: t\u00e9rminos para entender la conversaci\u00f3n<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-publico\"><strong>PARTICIPACI\u00d3N<br>CIUDADANA<\/strong><\/div>\n    <p>Conceptos y preguntas frecuentes que ayudar\u00edan a seguir una cobertura electoral.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <article class=\"md-nota\" id=\"md-nota-20\">\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Volver al historial<\/a>\n    <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n    <h2>Periodismo cercano: noticias con contexto y voz local<\/h2>\n    <div class=\"md-aviso\">NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o.<\/div>\n    <div class=\"md-portada md-comunidad\"><strong>VOCES DE<br>LA COMUNIDAD<\/strong><\/div>\n    <p>La informaci\u00f3n que conecta con las preguntas y los intereses de nuestra audiencia.<\/p>\n    <p>Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed aparecer\u00edan los antecedentes, los datos verificados y las voces de la comunidad. No describe un acontecimiento reciente ni atribuye declaraciones a personas o instituciones.<\/p>\n    <a class=\"md-volver\" href=\"#md-pagina-2\">\u2190 Ver m\u00e1s noticias<\/a>\n  <\/article>\n\n  <!-- PORTADA DE LA SECCI\u00d3N -->\n\n  <div class=\"md-catalogo\">\n\n    <div class=\"md-aviso\">\n      VISTA PREVIA \u00b7 Las 20 notas son ejemplos para mostrar el dise\u00f1o.\n    <\/div>\n\n    <header class=\"md-encabezado\">\n      <p class=\"md-marca\">ACTUALIDAD \u00b7 M\u00c1GICA 100.1 FM<\/p>\n      <h2>Pol\u00edtica y noticias <span>importantes.<\/span><\/h2>\n      <p>La informaci\u00f3n para entender lo que pasa. Tan diferente como t\u00fa.<\/p>\n    <\/header>\n\n    <h3 class=\"md-titulo\">Las \u00faltimas noticias<\/h3>\n\n    <!-- CARRUSEL -->\n\n    <div class=\"md-carrusel\" aria-label=\"Carrusel de cinco notas de ejemplo\">\n\n      <article class=\"md-slide\" id=\"md-slide-1\">\n        <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n        <div class=\"md-slide-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <h3><a href=\"#md-nota-1\">El presupuesto de tu ciudad, explicado de forma sencilla<\/a><\/h3>\n          <p>Una mirada clara a los recursos p\u00fablicos, las prioridades y las preguntas que importan a la comunidad.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-1\">Leer nota completa \u2197<\/a>\n        <\/div>\n        <div class=\"md-controles\">\n          <a href=\"#md-slide-5\" aria-label=\"Nota anterior\">\u2190<\/a>\n          <span>1 de 5 \u00b7 Ejemplo<\/span>\n          <a href=\"#md-slide-2\" aria-label=\"Nota siguiente\">\u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-slide\" id=\"md-slide-2\">\n        <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <div class=\"md-slide-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <h3><a href=\"#md-nota-2\">Parral: las historias que importan a nuestra comunidad<\/a><\/h3>\n          <p>La vida de la ciudad, sus espacios y su gente, en una cobertura cercana y f\u00e1cil de entender.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-2\">Leer nota completa \u2197<\/a>\n        <\/div>\n        <div class=\"md-controles\">\n          <a href=\"#md-slide-1\" aria-label=\"Nota anterior\">\u2190<\/a>\n          <span>2 de 5 \u00b7 Ejemplo<\/span>\n          <a href=\"#md-slide-3\" aria-label=\"Nota siguiente\">\u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-slide\" id=\"md-slide-3\">\n        <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n        <div class=\"md-slide-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <h3><a href=\"#md-nota-3\">Congreso: los temas que estar\u00e1n en nuestra agenda informativa<\/a><\/h3>\n          <p>Un espacio para explicar propuestas y decisiones p\u00fablicas con contexto y voces distintas.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-3\">Leer nota completa \u2197<\/a>\n        <\/div>\n        <div class=\"md-controles\">\n          <a href=\"#md-slide-2\" aria-label=\"Nota anterior\">\u2190<\/a>\n          <span>3 de 5 \u00b7 Ejemplo<\/span>\n          <a href=\"#md-slide-4\" aria-label=\"Nota siguiente\">\u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-slide\" id=\"md-slide-4\">\n        <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <div class=\"md-slide-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <h3><a href=\"#md-nota-4\">Obras y servicios: lo que necesitas saber de tu colonia<\/a><\/h3>\n          <p>Informaci\u00f3n de inter\u00e9s para seguir los temas cotidianos que afectan a nuestras colonias.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-4\">Leer nota completa \u2197<\/a>\n        <\/div>\n        <div class=\"md-controles\">\n          <a href=\"#md-slide-3\" aria-label=\"Nota anterior\">\u2190<\/a>\n          <span>4 de 5 \u00b7 Ejemplo<\/span>\n          <a href=\"#md-slide-5\" aria-label=\"Nota siguiente\">\u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-slide\" id=\"md-slide-5\">\n        <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n        <div class=\"md-slide-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <h3><a href=\"#md-nota-5\">\u00bfQu\u00e9 hace un regidor? Conoce su papel en el municipio<\/a><\/h3>\n          <p>Las responsabilidades del gobierno local, contadas con palabras sencillas.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-5\">Leer nota completa \u2197<\/a>\n        <\/div>\n        <div class=\"md-controles\">\n          <a href=\"#md-slide-4\" aria-label=\"Nota anterior\">\u2190<\/a>\n          <span>5 de 5 \u00b7 Ejemplo<\/span>\n          <a href=\"#md-slide-1\" aria-label=\"Nota siguiente\">\u2192<\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"md-ayuda\">\n      Usa las flechas del carrusel o desliza para recorrer las noticias.\n    <\/p>\n\n    <h3 class=\"md-titulo\" id=\"md-historial\">Historial de noticias<\/h3>\n\n    <!--\n      La p\u00e1gina 2 se coloca primero para que la navegaci\u00f3n\n      funcione \u00fanicamente con HTML y CSS.\n    -->\n\n    <div id=\"md-pagina-2\"\n         class=\"md-pagina md-pagina-2\"\n         aria-label=\"P\u00e1gina 2: notas 11 a 20\">\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-11\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-11\">Cabildo: c\u00f3mo seguir los asuntos del gobierno municipal<\/a><\/h3>\n          <p class=\"md-resumen\">Una gu\u00eda editorial para entender la discusi\u00f3n de los temas de inter\u00e9s local.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-11\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-12\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-12\">Cultura y patrimonio: otra forma de contar Parral<\/a><\/h3>\n          <p class=\"md-resumen\">Los lugares y las historias que nos conectan con la identidad de nuestra ciudad.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-12\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-13\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-publico\"><strong>PARTICIPACI\u00d3N<br>CIUDADANA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-13\">Participaci\u00f3n ciudadana: un espacio para escuchar m\u00e1s voces<\/a><\/h3>\n          <p class=\"md-resumen\">La conversaci\u00f3n p\u00fablica se enriquece cuando hay preguntas, contexto y participaci\u00f3n.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-13\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-14\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-14\">Informaci\u00f3n de servicio que puede hacer m\u00e1s f\u00e1cil tu d\u00eda<\/a><\/h3>\n          <p class=\"md-resumen\">Avisos y temas de utilidad reunidos en un formato claro y accesible.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-14\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-15\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-15\">Transparencia: poner la informaci\u00f3n p\u00fablica al alcance de todos<\/a><\/h3>\n          <p class=\"md-resumen\">Una secci\u00f3n para dar contexto a los datos y promover una conversaci\u00f3n informada.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-15\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-16\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-comunidad\"><strong>VOCES DE<br>LA COMUNIDAD<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-16\">Comunidad: las historias detr\u00e1s de los grandes titulares<\/a><\/h3>\n          <p class=\"md-resumen\">Adem\u00e1s de los anuncios, est\u00e1n las personas y las experiencias de la vida cotidiana.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-16\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-17\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-17\">Agenda estatal: los temas que conectan a Chihuahua<\/a><\/h3>\n          <p class=\"md-resumen\">El contexto de los asuntos p\u00fablicos que pueden interesar a distintas comunidades del estado.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-17\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-18\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-18\">Lo importante tambi\u00e9n se cuenta con calma y claridad<\/a><\/h3>\n          <p class=\"md-resumen\">Un espacio para ampliar la informaci\u00f3n y entender lo que hay detr\u00e1s de una noticia.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-18\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-19\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-publico\"><strong>PARTICIPACI\u00d3N<br>CIUDADANA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-19\">Elecciones y representaci\u00f3n: t\u00e9rminos para entender la conversaci\u00f3n<\/a><\/h3>\n          <p class=\"md-resumen\">Conceptos y preguntas frecuentes que ayudar\u00edan a seguir una cobertura electoral.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-19\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-20\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-comunidad\"><strong>VOCES DE<br>LA COMUNIDAD<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-20\">Periodismo cercano: noticias con contexto y voz local<\/a><\/h3>\n          <p class=\"md-resumen\">La informaci\u00f3n que conecta con las preguntas y los intereses de nuestra audiencia.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-20\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- P\u00c1GINA 1: PRIMERAS DIEZ NOTAS -->\n\n    <div id=\"md-pagina-1\"\n         class=\"md-pagina md-pagina-1\"\n         aria-label=\"P\u00e1gina 1: notas 1 a 10\">\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-1\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-1\">El presupuesto de tu ciudad, explicado de forma sencilla<\/a><\/h3>\n          <p class=\"md-resumen\">Una mirada clara a los recursos p\u00fablicos, las prioridades y las preguntas que importan a la comunidad.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-1\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-2\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-2\">Parral: las historias que importan a nuestra comunidad<\/a><\/h3>\n          <p class=\"md-resumen\">La vida de la ciudad, sus espacios y su gente, en una cobertura cercana y f\u00e1cil de entender.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-2\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-3\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-3\">Congreso: los temas que estar\u00e1n en nuestra agenda informativa<\/a><\/h3>\n          <p class=\"md-resumen\">Un espacio para explicar propuestas y decisiones p\u00fablicas con contexto y voces distintas.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-3\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-4\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-4\">Obras y servicios: lo que necesitas saber de tu colonia<\/a><\/h3>\n          <p class=\"md-resumen\">Informaci\u00f3n de inter\u00e9s para seguir los temas cotidianos que afectan a nuestras colonias.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-4\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-5\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-publico\"><strong>AGENDA<br>P\u00daBLICA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-5\">\u00bfQu\u00e9 hace un regidor? Conoce su papel en el municipio<\/a><\/h3>\n          <p class=\"md-resumen\">Las responsabilidades del gobierno local, contadas con palabras sencillas.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-5\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-6\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-6\">Movilidad: avisos y temas que vale la pena conocer<\/a><\/h3>\n          <p class=\"md-resumen\">Un lugar para consultar informaci\u00f3n \u00fatil sobre los recorridos y la vida diaria en la ciudad.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-6\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-7\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-comunidad\"><strong>VOCES DE<br>LA COMUNIDAD<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-7\">La voz de los ciudadanos tambi\u00e9n forma parte de la noticia<\/a><\/h3>\n          <p class=\"md-resumen\">Preguntas, inquietudes y puntos de vista que ayudan a ampliar la conversaci\u00f3n p\u00fablica.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-7\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-8\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-8\">Educaci\u00f3n y comunidad: historias que merecen espacio<\/a><\/h3>\n          <p class=\"md-resumen\">Las iniciativas, experiencias y temas de inter\u00e9s de nuestra comunidad educativa.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-8\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-9\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada\"><strong>INFORMACI\u00d3N<br>QUE IMPORTA<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta\">Pol\u00edtica<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-9\">Propuestas p\u00fablicas: las preguntas que debe responder una cobertura<\/a><\/h3>\n          <p class=\"md-resumen\">Qu\u00e9 se propone, a qui\u00e9n involucra y c\u00f3mo se explicar\u00eda su impacto en la comunidad.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-9\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"md-tarjeta\">\n        <a href=\"#md-nota-10\" tabindex=\"-1\" aria-hidden=\"true\">\n          <div class=\"md-portada md-ciudad\"><strong>PARRAL<\/strong><\/div>\n        <\/a>\n        <div class=\"md-cuerpo\">\n          <span class=\"md-etiqueta md-importante\">Noticias importantes<\/span>\n          <p class=\"md-meta\">NOTA DE EJEMPLO \u00b7 M\u00c1GICA 100.1<\/p>\n          <h3><a href=\"#md-nota-10\">Tu ciudad en contexto: informaci\u00f3n para empezar el d\u00eda<\/a><\/h3>\n          <p class=\"md-resumen\">Una selecci\u00f3n editorial para encontrar lo importante sin perderse entre tantos titulares.<\/p>\n          <a class=\"md-leer\" href=\"#md-nota-10\">Leer nota completa \u2197<\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <nav class=\"md-paginacion\"\n         aria-label=\"Cambiar p\u00e1gina del historial\">\n      <a href=\"#md-pagina-1\" aria-label=\"P\u00e1gina 1 del historial\">1<\/a>\n      <a href=\"#md-pagina-2\" aria-label=\"P\u00e1gina 2 del historial\">2<\/a>\n    <\/nav>\n\n    <p class=\"md-ayuda\">\n      20 notas de ejemplo \u00b7 10 notas por p\u00e1gina.\n    <\/p>\n\n    <p class=\"md-creditos\">\n      Fotograf\u00eda ilustrativa de Parral:\n      <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Centro_en_Hidalgo_del_Parral.jpg\"\n         target=\"_blank\" rel=\"noopener noreferrer\">\n        MikSed \/ Wikimedia Commons\n      <\/a>,\n      <a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\"\n         target=\"_blank\" rel=\"noopener noreferrer\">\n        CC BY 4.0\n      <\/a>.\n      Los titulares y textos son de demostraci\u00f3n.\n    <\/p>\n\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Volver al historial Pol\u00edtica El presupuesto de tu ciudad, explicado de forma sencilla NOTA DE EJEMPLO \u00b7 Redacci\u00f3n M\u00e1gica \u00b7 Vista previa del dise\u00f1o. INFORMACI\u00d3NQUE IMPORTA Una mirada clara a los recursos p\u00fablicos, las prioridades y las preguntas que importan a la comunidad. Esta es una nota de demostraci\u00f3n. En una publicaci\u00f3n real, aqu\u00ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magicafm.mx\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magicafm.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magicafm.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magicafm.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magicafm.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":2,"href":"https:\/\/magicafm.mx\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/magicafm.mx\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/magicafm.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}