Inicio | Instituto Villalvarense de la Juventud<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n \/* --- misma paleta INJ que la p\u00e1gina de Transparencia --- *\/\r\n --magenta-700:#9c1457;\r\n --magenta-500:#e21f6c;\r\n --magenta-400:#f0509a;\r\n --blue-800:#152a52;\r\n --blue-600:#254b8f;\r\n --blue-500:#3a6bd6;\r\n --teal-400:#12c2b0;\r\n --teal-300:#5fe3d3;\r\n --ink-900:#131622;\r\n --ink-700:#33374a;\r\n --text-muted:#666b82;\r\n --paper:#ffffff;\r\n --mist:#f4f5fb;\r\n --line:#e6e7f2;\r\n }\r\n *{box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n margin:0;\r\n background:var(--mist);\r\n color:var(--ink-900);\r\n font-family:'Inter',sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n h1,h2,h3,.display{font-family:'Space Grotesk',sans-serif;}\r\n a{color:inherit;}\r\n img{max-width:100%;display:block;}\r\n\r\n \/* ---------- topbar (id\u00e9ntico a Transparencia) ---------- *\/\r\n .topbar{background:var(--ink-900);color:#c9cbe0;font-size:12px;letter-spacing:.04em;}\r\n .topbar-inner{max-width:1180px;margin:0 auto;padding:9px 18px;display:flex;justify-content:space-between;align-items:center;}\r\n .topbar-links a{text-decoration:none;color:#c9cbe0;opacity:.85;margin-right:20px;font-weight:500;}\r\n .topbar-links a:hover{opacity:1;color:var(--teal-300);}\r\n .topbar .search{display:flex;align-items:center;gap:6px;opacity:.85;cursor:pointer;}\r\n .topbar .search:hover{opacity:1;color:var(--teal-300);}\r\n\r\n \/* ---------- hero compacto ---------- *\/\r\n .hero{position:relative;overflow:hidden;background:var(--ink-900);padding:46px 18px 40px;}\r\n .hero .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;}\r\n .hero .blob-1{width:380px;height:380px;background:var(--magenta-500);top:-160px;left:-90px;}\r\n .hero .blob-2{width:340px;height:340px;background:var(--blue-500);bottom:-190px;right:-70px;}\r\n .hero .blob-3{width:260px;height:260px;background:var(--teal-400);top:10%;right:22%;opacity:.32;}\r\n .hero-inner{max-width:900px;margin:0 auto;position:relative;text-align:center;z-index:2;}\r\n .badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 18px;border-radius:999px;}\r\n .hero h1{color:#fff;font-size:clamp(24px,3.8vw,38px);line-height:1.15;margin:18px 0 4px;font-weight:700;}\r\n .hero .subtitle{color:#aeb1cc;font-size:15px;letter-spacing:.02em;margin:12px 0 0;font-weight:500;}\r\n\r\n \/* ---------- nav (id\u00e9ntico a Transparencia: difuminado con los 3 colores) ---------- *\/\r\n .tabnav{\r\n position:sticky;top:0;z-index:30;\r\n background:\r\n linear-gradient(120deg, rgba(226,31,108,.14), rgba(58,107,214,.14) 45%, rgba(18,194,176,.14)),\r\n rgba(255,255,255,.72);\r\n backdrop-filter:blur(14px) saturate(160%);\r\n -webkit-backdrop-filter:blur(14px) saturate(160%);\r\n border-bottom:1px solid rgba(19,22,34,.06);\r\n }\r\n .tabnav-inner{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;}\r\n .tabnav-links{display:flex;gap:6px;overflow-x:auto;}\r\n .tabnav-links a{text-decoration:none;color:var(--ink-700);font-size:13px;font-weight:600;letter-spacing:.03em;padding:18px 16px;white-space:nowrap;border-bottom:3px solid transparent;transition:.15s;}\r\n .tabnav-links a:hover{color:var(--magenta-500);}\r\n .tabnav-links a.active{color:var(--ink-900);border-bottom-color:var(--magenta-500);}\r\n .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:14px 4px;color:var(--ink-900);align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}\r\n .nav-toggle .bars{width:22px;height:16px;position:relative;flex-shrink:0;}\r\n .nav-toggle .bars span{position:absolute;left:0;width:100%;height:2px;background:var(--ink-900);transition:.2s;}\r\n .nav-toggle .bars span:nth-child(1){top:0;}\r\n .nav-toggle .bars span:nth-child(2){top:7px;}\r\n .nav-toggle .bars span:nth-child(3){top:14px;}\r\n .nav-toggle.open .bars span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n .nav-toggle.open .bars span:nth-child(2){opacity:0;}\r\n .nav-toggle.open .bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n .mobile-panel{display:none;max-height:0;overflow:hidden;background:var(--paper);border-top:1px solid var(--line);transition:max-height .25s ease;}\r\n .mobile-panel.open{max-height:400px;}\r\n .mobile-panel a{display:block;text-decoration:none;color:var(--ink-900);font-size:14px;font-weight:600;letter-spacing:.02em;padding:16px 24px;border-bottom:1px solid var(--line);}\r\n .mobile-panel a.active{color:var(--magenta-500);}\r\n .mobile-panel a:last-child{border-bottom:none;}\r\n @media (max-width:768px){.tabnav-links{display:none;}.nav-toggle{display:flex;}.mobile-panel{display:block;}}\r\n\r\n \/* ---------- layout principal ---------- *\/\r\n main{max-width:1180px;margin:0 auto;padding:44px 18px 90px;}\r\n .layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;}\r\n @media (max-width:900px){.layout{grid-template-columns:1fr;}}\r\n\r\n .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;}\r\n .section-title{font-size:clamp(22px,3vw,30px);color:var(--ink-900);margin:0 0 26px;}\r\n\r\n \/* ---------- tarjetas de noticias ---------- *\/\r\n .news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}\r\n .news-card{\r\n background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;\r\n display:flex;flex-direction:column;transition:.18s;\r\n }\r\n .news-card:hover{box-shadow:0 16px 34px rgba(19,22,34,.10);transform:translateY(-3px);border-color:var(--teal-300);}\r\n .news-img{\r\n position:relative;aspect-ratio:4\/3;overflow:hidden;\r\n background:linear-gradient(135deg,var(--magenta-500),var(--blue-600) 55%,var(--teal-400));\r\n }\r\n .news-img img{width:100%;height:100%;object-fit:cover;}\r\n .news-img .placeholder-label{\r\n position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:8px;color:rgba(255,255,255,.9);font-size:12px;font-weight:600;letter-spacing:.04em;text-align:center;padding:16px;\r\n }\r\n .news-tag{\r\n position:absolute;top:12px;left:12px;\r\n background:rgba(19,22,34,.72);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;\r\n padding:5px 12px;border-radius:999px;backdrop-filter:blur(4px);\r\n }\r\n .news-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1;}\r\n .news-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17.5px;color:var(--ink-900);line-height:1.3;margin:0;}\r\n .news-text{font-size:13.5px;line-height:1.6;color:var(--text-muted);flex:1;margin:0;}\r\n .news-link{\r\n align-self:flex-start;margin-top:4px;text-decoration:none;font-size:13px;font-weight:700;\r\n color:var(--magenta-500);display:inline-flex;align-items:center;gap:6px;\r\n }\r\n .news-link:hover{color:var(--blue-600);}\r\n .hidden{display:none !important;}\r\n\r\n \/* ---------- sidebar ---------- *\/\r\n .side-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px;}\r\n .side-card h3{font-family:'Space Grotesk',sans-serif;font-size:15px;margin:0 0 14px;color:var(--ink-900);}\r\n .search-box{display:flex;flex-wrap:wrap;gap:8px;}\r\n .search-box input{\r\n flex:1 1 140px;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid var(--line);\r\n font-family:'Inter',sans-serif;font-size:13.5px;color:var(--ink-900);outline:none;\r\n }\r\n .search-box input:focus{border-color:var(--magenta-400);}\r\n .search-box button{\r\n flex:0 0 auto;border:none;border-radius:10px;padding:0 16px;font-weight:700;font-size:13px;color:#fff;cursor:pointer;\r\n background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));white-space:nowrap;\r\n }\r\n .follow-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink-900);font-size:13.5px;font-weight:600;}\r\n .follow-icon{\r\n width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n background:linear-gradient(135deg,var(--magenta-500),var(--blue-500));color:#fff;\r\n }\r\n .side-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:10px 0 0;}\r\n\r\n footer{background:var(--ink-900);color:#aeb1cc;padding:34px 18px;text-align:center;font-size:13px;}\r\n footer strong{background:linear-gradient(90deg,var(--teal-300),var(--magenta-400));-webkit-background-clip:text;background-clip:text;color:transparent;}\r\n\r\n \/* ---------- modal de noticia ---------- *\/\r\n .news-card{cursor:pointer;}\r\n .modal-overlay{\r\n position:fixed;inset:0;background:rgba(19,22,34,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);\r\n display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 18px;z-index:200;\r\n }\r\n .modal-overlay.open{display:flex;}\r\n .modal-box{\r\n background:var(--paper);border-radius:20px;max-width:720px;width:100%;overflow:hidden;position:relative;\r\n box-shadow:0 30px 70px rgba(19,22,34,.35);animation:modalIn .18s ease;\r\n }\r\n @keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}\r\n .modal-close{\r\n position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;\r\n background:rgba(19,22,34,.7);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:5;\r\n }\r\n .modal-close:hover{background:var(--magenta-500);}\r\n .modal-img{position:relative;aspect-ratio:16\/9;overflow:hidden;background:linear-gradient(135deg,var(--magenta-500),var(--blue-600) 55%,var(--teal-400));}\r\n .modal-img img{width:100%;height:100%;object-fit:cover;}\r\n .modal-img .placeholder-label{\r\n position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:8px;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;letter-spacing:.04em;\r\n }\r\n .modal-content{padding:26px 28px 30px;}\r\n .modal-title{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;margin:14px 0 6px;color:var(--ink-900);}\r\n .modal-hashtags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}\r\n .modal-hashtags span{color:var(--blue-600);font-size:13px;font-weight:600;}\r\n .modal-text{font-size:14.5px;line-height:1.75;color:var(--ink-700);white-space:pre-line;}\r\n .modal-divider{border:none;border-top:1px solid var(--line);margin:26px 0 20px;}\r\n .comments-title{font-family:'Space Grotesk',sans-serif;font-size:16px;margin:0 0 14px;}\r\n .comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;}\r\n .comment-item{background:var(--mist);border-radius:12px;padding:12px 14px;}\r\n .comment-item .comment-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}\r\n .comment-item .comment-name{font-weight:700;font-size:13px;color:var(--ink-900);}\r\n .comment-item .comment-date{font-size:11px;color:var(--text-muted);}\r\n .comment-item .comment-text{font-size:13.5px;line-height:1.55;color:var(--ink-700);margin:0;}\r\n .no-comments{font-size:13px;color:var(--text-muted);margin:0 0 20px;}\r\n .comment-form{display:flex;flex-direction:column;gap:10px;}\r\n .comment-form input,.comment-form textarea{\r\n width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);\r\n font-family:'Inter',sans-serif;font-size:13.5px;color:var(--ink-900);outline:none;resize:vertical;\r\n }\r\n .comment-form input:focus,.comment-form textarea:focus{border-color:var(--magenta-400);}\r\n .comment-form button{\r\n align-self:flex-start;border:none;border-radius:10px;padding:10px 20px;font-weight:700;font-size:13px;color:#fff;cursor:pointer;\r\n background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n <div class=\"topbar-links\">\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Municipio<\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a>\r\n <\/div>\r\n <div class=\"search\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n Buscar\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"hero\">\r\n <div class=\"blob blob-1\"><\/div>\r\n <div class=\"blob blob-2\"><\/div>\r\n <div class=\"blob blob-3\"><\/div>\r\n <div class=\"hero-inner\">\r\n <span class=\"badge\">\u2605 Villa de \u00c1lvarez, Colima<\/span>\r\n <h1>Instituto Villalvarense de la Juventud<\/h1>\r\n <p class=\"subtitle\">Noticias, cursos y programas para la juventud villalvarense<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <nav class=\"tabnav\">\r\n <div class=\"tabnav-inner\">\r\n <div class=\"tabnav-links\">\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/\" class=\"active\">Inicio<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\">Noticias<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/transparencia\/\">Transparencia<\/a>\r\n <a href=\"https:\/\/servidor.villadealvarez.gob.mx:2096\/\">Correo<\/a>\r\n <\/div>\r\n <button class=\"nav-toggle\" id=\"navToggle\" aria-expanded=\"false\" aria-controls=\"mobilePanel\">\r\n <span class=\"bars\"><span><\/span><span><\/span><span><\/span><\/span>\r\n Men\u00fa\r\n <\/button>\r\n <\/div>\r\n <div class=\"mobile-panel\" id=\"mobilePanel\">\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/\" class=\"active\">Inicio<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\">Noticias<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/transparencia\/\">Transparencia<\/a>\r\n <a href=\"https:\/\/servidor.villadealvarez.gob.mx:2096\/\">Correo<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main>\r\n <div class=\"eyebrow\">Instituto Villalvarense de la Juventud<\/div>\r\n <h2 class=\"section-title\">Noticias y Programas<\/h2>\r\n\r\n <div class=\"layout\">\r\n <div>\r\n <div class=\"news-grid\" id=\"newsGrid\"><\/div>\r\n <\/div>\r\n\r\n <aside>\r\n <div class=\"side-card\">\r\n <h3>Buscar<\/h3>\r\n <div class=\"search-box\">\r\n <input type=\"text\" id=\"searchBox\" placeholder=\"Buscar noticia...\">\r\n <button onclick=\"filterNews(document.getElementById('searchBox').value)\">Buscar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"side-card\">\r\n <h3>S\u00edguenos<\/h3>\r\n <a class=\"follow-row\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"follow-icon\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06C2 17.08 5.66 21.2 10.44 21.94V14.9H7.9v-2.84h2.54v-2.17c0-2.5 1.5-3.9 3.79-3.9 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.85h2.78l-.44 2.84h-2.34v7.04C18.34 21.2 22 17.08 22 12.06Z\"\/><\/svg>\r\n <\/span>\r\n Instituto Villalvarense de la Juventud\r\n <\/a>\r\n <p>Ent\u00e9rate de convocatorias, cursos y eventos para j\u00f3venes del municipio.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/main>\r\n\r\n <div class=\"modal-overlay\" id=\"modalOverlay\">\r\n <div class=\"modal-box\" id=\"modalBox\">\r\n <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Cerrar\">×<\/button>\r\n <div class=\"modal-img\" id=\"modalImg\"><\/div>\r\n <div class=\"modal-content\">\r\n <span class=\"news-tag\" id=\"modalTag\" style=\"position:static;display:inline-block;\"><\/span>\r\n <h2 class=\"modal-title\" id=\"modalTitle\"><\/h2>\r\n <div class=\"modal-hashtags\" id=\"modalHashtags\"><\/div>\r\n <p class=\"modal-text\" id=\"modalText\"><\/p>\r\n\r\n <hr class=\"modal-divider\">\r\n\r\n <h3 class=\"comments-title\" id=\"commentsTitle\">Comentarios<\/h3>\r\n <div class=\"comments-list\" id=\"commentsList\"><\/div>\r\n\r\n <form class=\"comment-form\" id=\"commentForm\">\r\n <input type=\"text\" id=\"commentName\" placeholder=\"Tu nombre\" required>\r\n <textarea id=\"commentText\" rows=\"3\" placeholder=\"Escribe un comentario...\" required><\/textarea>\r\n <button type=\"submit\">Comentar<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n <strong>Instituto Villalvarense de la Juventud<\/strong> \u2014 INJ<br>\r\n Todos los derechos reservados 2024-2027.<br>\r\n H. Ayuntamiento de Villa de \u00c1lvarez | Desarrollado por Departamento de Sistemas.\r\n <\/footer>\r\n\r\n<script>\r\n\/\/ Cada noticia: reemplaza \"img\" por la ruta real de tu imagen (o b\u00f3rralo para\r\n\/\/ dejar el bloque de color como placeholder), edita t\u00edtulo\/texto\/tag\/hashtags.\r\n\/\/ \"text\" es el resumen que se ve en la tarjeta; \"content\" es el texto completo\r\n\/\/ que se muestra al abrir la noticia (si lo dejas vac\u00edo, usa \"text\").\r\nconst news = [\r\n {\r\n id:\"premio-merito-municipal\",\r\n tag:\"Noticias\",\r\n title:\"Entregan premio a ganadores del M\u00e9rito Municipal\",\r\n text:\"El Ayuntamiento de Villa de \u00c1lvarez entreg\u00f3 el Premio al M\u00e9rito Municipal \\\"Juventud Villalvarense\\\" a j\u00f3venes destacados en las categor\u00edas de arte, cultura y educaci\u00f3n, as\u00ed como en otras disciplinas, en reconocimiento a su trayectoria y aportaci\u00f3n a la comunidad.\",\r\n content:\"El Ayuntamiento de Villa de \u00c1lvarez entreg\u00f3 el Premio al M\u00e9rito Municipal \\\"Juventud Villalvarense\\\" a j\u00f3venes destacados en las categor\u00edas de arte, cultura y educaci\u00f3n, as\u00ed como en otras disciplinas, en reconocimiento a su trayectoria y aportaci\u00f3n a la comunidad.\\n\\nEn el Sal\u00f3n Presidentes de la Casa de la Cultura, la Alcaldesa felicit\u00f3 a los ganadores, a quienes reconoci\u00f3 como j\u00f3venes talentosos que le han dado mucho a la sociedad villalvarense, por ello es que la administraci\u00f3n municipal de Villa de \u00c1lvarez les reconoce sus aportaciones.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Premio\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/premio2.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"consejeria-adicciones-eco548\",\r\n tag:\"Cursos\",\r\n title:\"Consejer\u00eda en Adicciones ECO-548\",\r\n text:\"Tenemos para ustedes cursos de ConsejeriaEnAdicciones por parte de la Comisi\u00f3n Estatal de Salud Mental y Adicciones. Si eres joven y te interesa Certificarte en esta \u00e1rea ac\u00e9rcate al Instituto Villalvarense de la Juventud y pregunta por las Becas especiales que tenemos para ti \ud83e\udd1d Estaremos realizando una semana de capacitaci\u00f3n cada mes\",\r\n content:\"\",\r\n hashtags:[\"#ConsejeriaEnAdicciones\",\"#Certificarte\",\" #Becas\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/curso.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Ganadores-ivj\",\r\n tag:\"Noticias\",\r\n title:\"Felicidades a los ganadores Al m\u00e9rito de la juventud Villalvarense\",\r\n text:\" Muchas felicidades a los ganadores de la Presea al M\u00e9rito Municipal de la Juventud Villalvarense 2022 , \u201cGral. Manuel \u00c1lvarez Zamora\u201d. \",\r\n content:\"\ud83d\ude4c\ud83c\udffb Muchas felicidades a los ganadores de la Presea al M\u00e9rito Municipal de la Juventud Villalvarense 2022 , \u201cGral. Manuel \u00c1lvarez Zamora\u201d. \ud83c\udfc5\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticia\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/preimio.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Golpe-adicciones\",\r\n tag:\"Noticias\",\r\n title:\"Golpe a las adicciones\",\r\n text:\" Como parte de la Estrategia Integral para la Prevenci\u00f3n y Atenci\u00f3n de las Adicciones del Municipio de Villa de \u00c1lvarez, la Alcaldesa Tey Guti\u00e9rrez anunci\u00f3 que el jueves 27 de octubre a las 6 de la tarde en el Polideportivo de la Villa, Julio C\u00e9sar Ch\u00e1vez, La Leyenda. \",\r\n content:\"Como parte de la Estrategia Integral para la Prevenci\u00f3n y Atenci\u00f3n de las Adicciones del Municipio de Villa de \u00c1lvarez, la Alcaldesa Tey Guti\u00e9rrez anunci\u00f3 que el jueves 27 de octubre a las 6 de la tarde en el Polideportivo de la Villa, Julio C\u00e9sar Ch\u00e1vez, La Leyenda, ofrecer\u00e1 la charla \u201cGolpe a las adicciones\u201d, un evento de entrada gratuita en el que el campe\u00f3n nos demostrar\u00e1 que cuando se quiere, se puede.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Tey Guti\u00e9rrez\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/golpe.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"1er-a\u00f1o-Gobierno\",\r\n tag:\"Noticias\",\r\n title:\"1er A\u00f1o de Gobierno\",\r\n text:\" Much\u00edsimas gracias por la confianza de permitirme encabezar este 1erA\u00f1o en el gobierno municipal de mi querido VillaDe\u00c1lvarez. \",\r\n content:\"Much\u00edsimas gracias por la confianza de permitirme encabezar este 1erA\u00f1o en el gobierno municipal de mi querido VillaDe\u00c1lvarez.\\n\\n-Esther Guti\u00e9rrez Andrade, presidente de Villa de \u00c1lvarez.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Tey Guti\u00e9rrez\",\"#1erA\u00f1o\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/ano.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Contactos-Emergencia\",\r\n tag:\"Noticias\",\r\n title:\"Contactos de emergencia\",\r\n text:\" Te compartimos los tel\u00e9fonos de emergencias, en caso de necesitarlos. \u00a1Util\u00edzalos con responsabilidad!. Tr\u00e1nsito Municipal: 3123131716 Polic\u00eda Municipal: 3123145193 Protecci\u00f3n Civil: 3123162729 \ud83d\ude42 \",\r\n content:\"Te compartimos los tel\u00e9fonos de emergencias, en caso de necesitarlos. \u00a1Util\u00edzalos con responsabilidad!.\\n\\nTr\u00e1nsito Municipal: 3123131716\\n\\nPolic\u00eda Municipal: 3123145193\\n\\nProtecci\u00f3n Civil: 3123162729 \\n\\n\ud83d\ude42\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/Telefonos.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"programas-juventud\",\r\n tag:\"Programas\",\r\n title:\"Convocatoria para participar en el Cabildo Juvenil\",\r\n text:\"Por primera ocasi\u00f3n el Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo. \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el Cabildo Juvenil del Municipio de Villa de \u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad\u2026\",\r\n content:\"Por primera ocasi\u00f3n el Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo. \ud83d\udc71\u200d\u2640\ufe0f\ud83d\udc71\u200d\u2642\ufe0f \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el Cabildo Juvenil del Municipio de Villa de \u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad de ser parte de un excelente ejercicio de participaci\u00f3n juvenil. Consulta las bases \u2935\ufe0f\",\r\n hashtags:[\"#Programas\",\"#VillaDe\u00c1lvarez\",\"#Juventud\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/convoca.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Cabildo-ivj\",\r\n tag:\"Noticias\",\r\n title:\"Cabildo Juvenil\",\r\n text:\" #LaVillaeS #CabildoJuvenilVillaDe\u00c1lvarez2022 A continuaci\u00f3n te proporcionamos un enlace a la entrevista que di\u00f3 la se\u00f1orita Valeria Tintos, Regidora del H. Ayuntamiento de Villa de \u00c1lvarez a los medios \u201cDe Pol\u00edtica y Algo m\u00e1s\u201d sobre el cabildo juvenil. \",\r\n content:\" #LaVillaeS #CabildoJuvenilVillaDe\u00c1lvarez2022 A continuaci\u00f3n te proporcionamos un enlace a la entrevista que di\u00f3 la se\u00f1orita Valeria Tintos, Regidora del H. Ayuntamiento de Villa de \u00c1lvarez a los medios \u201cDe Pol\u00edtica y Algo m\u00e1s\u201d sobre el cabildo juvenil.\\n\\n Observar Video\",\r\n hashtags:[\"#LaVillaeS\",\"#Noticias\",\"#CabildoJuvenilVillaDe\u00c1lvarez2022\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/ENTREVISTA.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Agenda-Cultural\",\r\n tag:\"Programas\",\r\n title:\"Se publica programaci\u00f3n de eventos para septiembre\",\r\n text:\"Te presentamos la AgendaCultural del mes de Septiembre. No te pierdas las actividades que el Ayuntamiento a trav\u00e9s del Departamento de Fomento Cultural y Educativo tienen para ti en Villa De \u00c1lvarez...\",\r\n content:\"Te presentamos la AgendaCultural del mes de Septiembre. No te pierdas las actividades que el Ayuntamiento a trav\u00e9s del Departamento de Fomento Cultural y Educativo tienen para ti en Villa De \u00c1lvarez.\\n\\n #LaVillaeS #Cultura\",\r\n hashtags:[\"#AgendaCultural\",\"#LaVillaeS\",\"#Septiembre\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/agenda.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Cabildo-Juvenil\",\r\n tag:\"Noticias\",\r\n title:\"Cabildo Juvenil\",\r\n text:\" La ma\u00f1ana de hoy fue muy productiva, visitamos distintas secundarias y preparatorias para promover las convocatorias del \u201c1er Cabildo Juvenil\u201d y el \u201cM\u00e9rito Juvenil 2022\u201d Conoce las bases y s\u00e9 parte de esta gran experiencia. Primer Cabildo Infantil: Premio \u201cM\u00e9rito Municipal de la Juventud 2022 \",\r\n content:\"La ma\u00f1ana de hoy fue muy productiva, visitamos distintas secundarias y preparatorias para promover las convocatorias del \u201c1er Cabildo Juvenil\u201d y el \u201cM\u00e9rito Juvenil 2022\u201d Conoce las bases y s\u00e9 parte de esta gran experiencia.\\n\\n Primer Cabildo Infantil:\\n\\n Premio \u201cM\u00e9rito Municipal de la Juventud 2022\u201d:\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/sesiion-juvenil.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Dia-Salud-Sexual\",\r\n tag:\"Noticias\",\r\n title:\"Dia mundial de la Salud Sexual\",\r\n text:\" Con la finalidad de concientizar a la poblaci\u00f3n acerca de los derechos sexuales, la diversidad sexual, as\u00ed como la salud sexual y reproductiva de una manera placentera, sin discriminaci\u00f3n o riesgos , el dia 4 de septiembre celebramos el d\u00eda mundial de la Salud Sexual \",\r\n content:\"Con la finalidad de concientizar a la poblaci\u00f3n acerca de los derechos sexuales, la diversidad sexual, as\u00ed como la salud sexual y reproductiva de una manera placentera, sin discriminaci\u00f3n o riesgos , el dia 4 de septiembre celebramos el d\u00eda mundial de la Salud Sexual\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/ss.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Convocatoria-Emprende\",\r\n tag:\"Programas\",\r\n title:\"Lanza convocatoria para participar en el Simulador de Negocios-Gobierno Municipal de Villa de \u00c1lvarez\",\r\n text:\"El gobierno municipal de #VillaDe\u00c1lvarez a trav\u00e9s de la Direcci\u00f3n de Desarrollo Econ\u00f3mico te invitan a participar en el #SimuladorDeNegocios Aprovecha y desarrolla habilidades de emprendimiento en el mercado virtual altamente interactivo \u00a1Reg\u00edstrate!...\",\r\n content:\" El gobierno municipal de VillaDe\u00c1lvarez a trav\u00e9s de la Direcci\u00f3n de Desarrollo Econ\u00f3mico te invitan a participar en el SimuladorDeNegocios \ud83d\udcca Aprovecha y desarrolla habilidades de emprendimiento en el mercado virtual altamente interactivo \ud83d\udcbb\\n\\n \u00a1Reg\u00edstrate!. Para m\u00e1s informaci\u00f3n al \u260e\ufe0f 312 305 2727\\n\\n \u00a1Participa! \u00a1Te esperamos!\",\r\n hashtags:[\"#ConLaVillaEmprende\",\"#Noticias\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/taller.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Convocatoria-Empleo\",\r\n tag:\"Programas\",\r\n title:\"Ventanilla Municipal De Empleo\",\r\n text:\"El H. Ayuntamiento de Villa de \u00c1lvarez a trav\u00e9s de la Ventanilla Municipal de Empleo de la Direcci\u00f3n de Desarrollo Econ\u00f3mico informa sobre las siguientes ofertas de empleo...\",\r\n content:\" El H. Ayuntamiento de Villa de \u00c1lvarez a trav\u00e9s de la Ventanilla Municipal de Empleo de la Direcci\u00f3n de Desarrollo Econ\u00f3mico informa sobre las siguientes ofertas de empleo:\",\r\n hashtags:[\"#ConLaVillaEmprende\",\"#Noticias\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/1.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Reglamento-Juventud\",\r\n tag:\"Noticias\",\r\n title:\"Se aprueba nuevo Reglamento de la Juventud\",\r\n text:\" La tarde del 17 de agosto fue aprobado en una sesi\u00f3n de cabildo el nuevo reglamento de la juventud del municipio de Villa de \u00c1lvarez, conoce una parte de lo que incluir\u00e1 el nuevo reglamento.. \",\r\n content:\"La tarde del 17 de agosto fue aprobado en una sesi\u00f3n de cabildo el nuevo reglamento de la juventud del municipio de Villa de \u00c1lvarez, conoce una parte de lo que incluir\u00e1 el nuevo reglamento:\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/298954497_174018168465578_357881715284778967_n.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Participacion-Cabildo\",\r\n tag:\"Programas\",\r\n title:\"Permite H.Ayuntamiento de Villa de \u00c1lvarez participaci\u00f3n de j\u00f3venes\",\r\n text:\"Por primera ocasi\u00f3n el H. Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo. \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el #CabildoJuvenil del Municipio de #Villade\u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad de ser\u2026\",\r\n content:\" Por primera ocasi\u00f3n el H. Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo.\\n\\n \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el Cabildo Juvenil del Municipio de Villa de \u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad de ser parte de un excelente ejercicio de participaci\u00f3n juvenil.\\n\\n Obt\u00e9n mas informaci\u00f3n :\",\r\n hashtags:[\"#CabildoJuvenil\",\"#Noticias\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/300500754_176890764843977_379320172622794093_n.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Crecimiento Negocios\",\r\n tag:\"Noticias\",\r\n title:\"Tey Guti\u00e9rrez tienen como objetivo, impulsar el desarrollo y crecimiento de sus negocios\",\r\n text:\" Los emprendedores son de otra madera, son atrevidos, creativos y creadores, innovadores, disciplinados y arriesgados, pero sobre todo resilientes. De esos son de los que se necesitan, porque son realmente los que hacen crecer al pa\u00eds, al estado y a los municipios. Por ello el gobierno municipal que encabeza Tey\u2026 \",\r\n content:\"\ud83d\udca1Los emprendedores son de otra madera, son atrevidos, creativos y creadores, innovadores, disciplinados y arriesgados, pero sobre todo resilientes. De esos son de los que se necesitan, porque son realmente los que hacen crecer al pa\u00eds, al estado y a los municipios. \ud83d\udc4fPor ello el gobierno municipal que encabeza Tey Guti\u00e9rrez tienen como objetivo, impulsar el desarrollo y crecimiento de sus negocios, por lo que esta semana llev\u00f3 a cabo a trav\u00e9s de la Direcci\u00f3n de Desarrollo Econ\u00f3mico, el Taller de Simulador de Negocios, al segundo grupo de emprendedores.\u00a1Gracias! A la Universidad de Colima Oficial, y al Mtro. Ram\u00f3n Garc\u00eda Contreras catedr\u00e1tico de la Facultad de Econom\u00eda por el trabajo de cooperaci\u00f3n y colaborativo que hemos emprendido.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#Tey Guti\u00e9rrez\",\"#Universidad de Colima Oficial\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/298544688_430846412419727_5760564545931205249_n.jpg\",\r\n link:\"#\"\r\n }\r\n];\r\n\r\nfunction renderNews(){\r\n const grid = document.getElementById('newsGrid');\r\n grid.innerHTML = news.map((n,i) => `\r\n <div class=\"news-card\" data-search=\"${(n.tag+' '+n.title+' '+n.text).toLowerCase()}\" data-index=\"${i}\">\r\n <div class=\"news-img\">\r\n <span class=\"news-tag\">${n.tag}<\/span>\r\n ${n.img\r\n ? `<img decoding=\"async\" src=\"${n.img}\" alt=\"${n.title}\">`\r\n : `<div class=\"placeholder-label\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n Coloca aqu\u00ed la imagen de la noticia\r\n <\/div>`\r\n }\r\n <\/div>\r\n <div class=\"news-body\">\r\n <h3 class=\"news-title\">${n.title}<\/h3>\r\n <p class=\"news-text\">${n.text}<\/p>\r\n <a class=\"news-link\" href=\"${n.link}\" data-index=\"${i}\">Leer m\u00e1s \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n `).join(\"\");\r\n\r\n grid.querySelectorAll('.news-card').forEach(card => {\r\n card.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n openModal(parseInt(card.dataset.index, 10));\r\n });\r\n });\r\n}\r\nrenderNews();\r\n\r\nfunction filterNews(q){\r\n q = (q || '').toLowerCase().trim();\r\n document.querySelectorAll('.news-card').forEach(card => {\r\n card.style.display = card.dataset.search.includes(q) ? '' : 'none';\r\n });\r\n}\r\ndocument.getElementById('searchBox').addEventListener('input', e => filterNews(e.target.value));\r\n\r\n\/* ---------- modal de noticia + comentarios ---------- *\/\r\nconst modalOverlay = document.getElementById('modalOverlay');\r\nconst modalImg = document.getElementById('modalImg');\r\nconst modalTag = document.getElementById('modalTag');\r\nconst modalTitle = document.getElementById('modalTitle');\r\nconst modalHashtags = document.getElementById('modalHashtags');\r\nconst modalText = document.getElementById('modalText');\r\nconst commentsList = document.getElementById('commentsList');\r\nconst commentForm = document.getElementById('commentForm');\r\nlet currentNews = null;\r\n\r\nfunction getComments(id){\r\n try{\r\n const all = JSON.parse(localStorage.getItem('inj_comments') || '{}');\r\n return all[id] || [];\r\n }catch(e){ return []; }\r\n}\r\n\r\nfunction saveComment(id, comment){\r\n try{\r\n const all = JSON.parse(localStorage.getItem('inj_comments') || '{}');\r\n all[id] = all[id] || [];\r\n all[id].push(comment);\r\n localStorage.setItem('inj_comments', JSON.stringify(all));\r\n }catch(e){ \/* almacenamiento no disponible *\/ }\r\n}\r\n\r\nfunction renderComments(){\r\n const list = getComments(currentNews.id);\r\n if(!list.length){\r\n commentsList.innerHTML = `<p class=\"no-comments\">A\u00fan no hay comentarios. S\u00e9 el primero en escribir uno.<\/p>`;\r\n return;\r\n }\r\n commentsList.innerHTML = list.map(c => `\r\n <div class=\"comment-item\">\r\n <div class=\"comment-head\">\r\n <span class=\"comment-name\">${c.name}<\/span>\r\n <span class=\"comment-date\">${c.date}<\/span>\r\n <\/div>\r\n <p class=\"comment-text\">${c.text}<\/p>\r\n <\/div>\r\n `).join(\"\");\r\n}\r\n\r\nfunction openModal(index){\r\n currentNews = news[index];\r\n const n = currentNews;\r\n\r\n modalImg.innerHTML = n.img\r\n ? `<img decoding=\"async\" src=\"${n.img}\" alt=\"${n.title}\">`\r\n : `<div class=\"placeholder-label\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n Coloca aqu\u00ed la imagen de la noticia\r\n <\/div>`;\r\n\r\n modalTag.textContent = n.tag;\r\n modalTitle.textContent = n.title;\r\n modalText.textContent = n.content && n.content.trim() ? n.content : n.text;\r\n modalHashtags.innerHTML = (n.hashtags || []).map(h => `<span>${h}<\/span>`).join(\"\");\r\n\r\n renderComments();\r\n commentForm.reset();\r\n\r\n modalOverlay.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n modalOverlay.scrollTop = 0;\r\n}\r\n\r\nfunction closeModal(){\r\n modalOverlay.classList.remove('open');\r\n document.body.style.overflow = '';\r\n currentNews = null;\r\n}\r\n\r\ndocument.getElementById('modalClose').addEventListener('click', closeModal);\r\n\r\nmodalOverlay.addEventListener('click', (e) => {\r\n if(e.target === modalOverlay) closeModal();\r\n});\r\n\r\ndocument.addEventListener('keydown', (e) => {\r\n if(e.key === 'Escape' && modalOverlay.classList.contains('open')) closeModal();\r\n});\r\n\r\ncommentForm.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n if(!currentNews) return;\r\n const name = document.getElementById('commentName').value.trim();\r\n const text = document.getElementById('commentText').value.trim();\r\n if(!name || !text) return;\r\n\r\n const date = new Date().toLocaleDateString('es-MX', { day:'numeric', month:'long', year:'numeric' });\r\n saveComment(currentNews.id, { name, text, date });\r\n renderComments();\r\n commentForm.reset();\r\n});\r\n\r\nconst navToggle = document.getElementById('navToggle');\r\nconst mobilePanel = document.getElementById('mobilePanel');\r\nnavToggle.addEventListener('click', () => {\r\n const isOpen = mobilePanel.classList.toggle('open');\r\n navToggle.classList.toggle('open', isOpen);\r\n navToggle.setAttribute('aria-expanded', isOpen);\r\n});\r\nmobilePanel.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n mobilePanel.classList.remove('open');\r\n navToggle.classList.remove('open');\r\n navToggle.setAttribute('aria-expanded', 'false');\r\n}));\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Noticias -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Noticias -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T02:58:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/\",\"url\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/\",\"name\":\"Noticias -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#website\"},\"datePublished\":\"2026-07-21T23:34:28+00:00\",\"dateModified\":\"2026-07-22T02:58:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Noticias\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#website\",\"url\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"Noticias -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","og_locale":"es_MX","og_type":"article","og_title":"Noticias -","og_url":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","article_modified_time":"2026-07-22T02:58:14+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","url":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","name":"Noticias -","isPartOf":{"@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#website"},"datePublished":"2026-07-21T23:34:28+00:00","dateModified":"2026-07-22T02:58:14+00:00","breadcrumb":{"@id":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/villadealvarez.gob.mx\/ivj\/"},{"@type":"ListItem","position":2,"name":"Noticias"}]},{"@type":"WebSite","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#website","url":"https:\/\/villadealvarez.gob.mx\/ivj\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/villadealvarez.gob.mx\/ivj\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":3,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/72\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":72,"date":"2026-07-21T23:34:28","date_gmt":"2026-07-21T23:34:28","guid":{"rendered":"https:\/\/villadealvarez.gob.mx\/ivj\/?page_id=72"},"modified":"2026-07-22T02:58:14","modified_gmt":"2026-07-22T02:58:14","slug":"inicio","status":"publish","type":"page","link":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","title":{"rendered":"Noticias"},"content":{"rendered":"\r\n\r\n\r\n\r\n\r\nInicio | Instituto Villalvarense de la Juventud<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n \/* --- misma paleta INJ que la p\u00e1gina de Transparencia --- *\/\r\n --magenta-700:#9c1457;\r\n --magenta-500:#e21f6c;\r\n --magenta-400:#f0509a;\r\n --blue-800:#152a52;\r\n --blue-600:#254b8f;\r\n --blue-500:#3a6bd6;\r\n --teal-400:#12c2b0;\r\n --teal-300:#5fe3d3;\r\n --ink-900:#131622;\r\n --ink-700:#33374a;\r\n --text-muted:#666b82;\r\n --paper:#ffffff;\r\n --mist:#f4f5fb;\r\n --line:#e6e7f2;\r\n }\r\n *{box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n margin:0;\r\n background:var(--mist);\r\n color:var(--ink-900);\r\n font-family:'Inter',sans-serif;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n h1,h2,h3,.display{font-family:'Space Grotesk',sans-serif;}\r\n a{color:inherit;}\r\n img{max-width:100%;display:block;}\r\n\r\n \/* ---------- topbar (id\u00e9ntico a Transparencia) ---------- *\/\r\n .topbar{background:var(--ink-900);color:#c9cbe0;font-size:12px;letter-spacing:.04em;}\r\n .topbar-inner{max-width:1180px;margin:0 auto;padding:9px 18px;display:flex;justify-content:space-between;align-items:center;}\r\n .topbar-links a{text-decoration:none;color:#c9cbe0;opacity:.85;margin-right:20px;font-weight:500;}\r\n .topbar-links a:hover{opacity:1;color:var(--teal-300);}\r\n .topbar .search{display:flex;align-items:center;gap:6px;opacity:.85;cursor:pointer;}\r\n .topbar .search:hover{opacity:1;color:var(--teal-300);}\r\n\r\n \/* ---------- hero compacto ---------- *\/\r\n .hero{position:relative;overflow:hidden;background:var(--ink-900);padding:46px 18px 40px;}\r\n .hero .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;}\r\n .hero .blob-1{width:380px;height:380px;background:var(--magenta-500);top:-160px;left:-90px;}\r\n .hero .blob-2{width:340px;height:340px;background:var(--blue-500);bottom:-190px;right:-70px;}\r\n .hero .blob-3{width:260px;height:260px;background:var(--teal-400);top:10%;right:22%;opacity:.32;}\r\n .hero-inner{max-width:900px;margin:0 auto;position:relative;text-align:center;z-index:2;}\r\n .badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 18px;border-radius:999px;}\r\n .hero h1{color:#fff;font-size:clamp(24px,3.8vw,38px);line-height:1.15;margin:18px 0 4px;font-weight:700;}\r\n .hero .subtitle{color:#aeb1cc;font-size:15px;letter-spacing:.02em;margin:12px 0 0;font-weight:500;}\r\n\r\n \/* ---------- nav (id\u00e9ntico a Transparencia: difuminado con los 3 colores) ---------- *\/\r\n .tabnav{\r\n position:sticky;top:0;z-index:30;\r\n background:\r\n linear-gradient(120deg, rgba(226,31,108,.14), rgba(58,107,214,.14) 45%, rgba(18,194,176,.14)),\r\n rgba(255,255,255,.72);\r\n backdrop-filter:blur(14px) saturate(160%);\r\n -webkit-backdrop-filter:blur(14px) saturate(160%);\r\n border-bottom:1px solid rgba(19,22,34,.06);\r\n }\r\n .tabnav-inner{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;}\r\n .tabnav-links{display:flex;gap:6px;overflow-x:auto;}\r\n .tabnav-links a{text-decoration:none;color:var(--ink-700);font-size:13px;font-weight:600;letter-spacing:.03em;padding:18px 16px;white-space:nowrap;border-bottom:3px solid transparent;transition:.15s;}\r\n .tabnav-links a:hover{color:var(--magenta-500);}\r\n .tabnav-links a.active{color:var(--ink-900);border-bottom-color:var(--magenta-500);}\r\n .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:14px 4px;color:var(--ink-900);align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}\r\n .nav-toggle .bars{width:22px;height:16px;position:relative;flex-shrink:0;}\r\n .nav-toggle .bars span{position:absolute;left:0;width:100%;height:2px;background:var(--ink-900);transition:.2s;}\r\n .nav-toggle .bars span:nth-child(1){top:0;}\r\n .nav-toggle .bars span:nth-child(2){top:7px;}\r\n .nav-toggle .bars span:nth-child(3){top:14px;}\r\n .nav-toggle.open .bars span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n .nav-toggle.open .bars span:nth-child(2){opacity:0;}\r\n .nav-toggle.open .bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n .mobile-panel{display:none;max-height:0;overflow:hidden;background:var(--paper);border-top:1px solid var(--line);transition:max-height .25s ease;}\r\n .mobile-panel.open{max-height:400px;}\r\n .mobile-panel a{display:block;text-decoration:none;color:var(--ink-900);font-size:14px;font-weight:600;letter-spacing:.02em;padding:16px 24px;border-bottom:1px solid var(--line);}\r\n .mobile-panel a.active{color:var(--magenta-500);}\r\n .mobile-panel a:last-child{border-bottom:none;}\r\n @media (max-width:768px){.tabnav-links{display:none;}.nav-toggle{display:flex;}.mobile-panel{display:block;}}\r\n\r\n \/* ---------- layout principal ---------- *\/\r\n main{max-width:1180px;margin:0 auto;padding:44px 18px 90px;}\r\n .layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;}\r\n @media (max-width:900px){.layout{grid-template-columns:1fr;}}\r\n\r\n .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;}\r\n .section-title{font-size:clamp(22px,3vw,30px);color:var(--ink-900);margin:0 0 26px;}\r\n\r\n \/* ---------- tarjetas de noticias ---------- *\/\r\n .news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}\r\n .news-card{\r\n background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;\r\n display:flex;flex-direction:column;transition:.18s;\r\n }\r\n .news-card:hover{box-shadow:0 16px 34px rgba(19,22,34,.10);transform:translateY(-3px);border-color:var(--teal-300);}\r\n .news-img{\r\n position:relative;aspect-ratio:4\/3;overflow:hidden;\r\n background:linear-gradient(135deg,var(--magenta-500),var(--blue-600) 55%,var(--teal-400));\r\n }\r\n .news-img img{width:100%;height:100%;object-fit:cover;}\r\n .news-img .placeholder-label{\r\n position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:8px;color:rgba(255,255,255,.9);font-size:12px;font-weight:600;letter-spacing:.04em;text-align:center;padding:16px;\r\n }\r\n .news-tag{\r\n position:absolute;top:12px;left:12px;\r\n background:rgba(19,22,34,.72);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;\r\n padding:5px 12px;border-radius:999px;backdrop-filter:blur(4px);\r\n }\r\n .news-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1;}\r\n .news-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17.5px;color:var(--ink-900);line-height:1.3;margin:0;}\r\n .news-text{font-size:13.5px;line-height:1.6;color:var(--text-muted);flex:1;margin:0;}\r\n .news-link{\r\n align-self:flex-start;margin-top:4px;text-decoration:none;font-size:13px;font-weight:700;\r\n color:var(--magenta-500);display:inline-flex;align-items:center;gap:6px;\r\n }\r\n .news-link:hover{color:var(--blue-600);}\r\n .hidden{display:none !important;}\r\n\r\n \/* ---------- sidebar ---------- *\/\r\n .side-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px;}\r\n .side-card h3{font-family:'Space Grotesk',sans-serif;font-size:15px;margin:0 0 14px;color:var(--ink-900);}\r\n .search-box{display:flex;flex-wrap:wrap;gap:8px;}\r\n .search-box input{\r\n flex:1 1 140px;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid var(--line);\r\n font-family:'Inter',sans-serif;font-size:13.5px;color:var(--ink-900);outline:none;\r\n }\r\n .search-box input:focus{border-color:var(--magenta-400);}\r\n .search-box button{\r\n flex:0 0 auto;border:none;border-radius:10px;padding:0 16px;font-weight:700;font-size:13px;color:#fff;cursor:pointer;\r\n background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));white-space:nowrap;\r\n }\r\n .follow-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink-900);font-size:13.5px;font-weight:600;}\r\n .follow-icon{\r\n width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n background:linear-gradient(135deg,var(--magenta-500),var(--blue-500));color:#fff;\r\n }\r\n .side-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:10px 0 0;}\r\n\r\n footer{background:var(--ink-900);color:#aeb1cc;padding:34px 18px;text-align:center;font-size:13px;}\r\n footer strong{background:linear-gradient(90deg,var(--teal-300),var(--magenta-400));-webkit-background-clip:text;background-clip:text;color:transparent;}\r\n\r\n \/* ---------- modal de noticia ---------- *\/\r\n .news-card{cursor:pointer;}\r\n .modal-overlay{\r\n position:fixed;inset:0;background:rgba(19,22,34,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);\r\n display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 18px;z-index:200;\r\n }\r\n .modal-overlay.open{display:flex;}\r\n .modal-box{\r\n background:var(--paper);border-radius:20px;max-width:720px;width:100%;overflow:hidden;position:relative;\r\n box-shadow:0 30px 70px rgba(19,22,34,.35);animation:modalIn .18s ease;\r\n }\r\n @keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}\r\n .modal-close{\r\n position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;\r\n background:rgba(19,22,34,.7);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:5;\r\n }\r\n .modal-close:hover{background:var(--magenta-500);}\r\n .modal-img{position:relative;aspect-ratio:16\/9;overflow:hidden;background:linear-gradient(135deg,var(--magenta-500),var(--blue-600) 55%,var(--teal-400));}\r\n .modal-img img{width:100%;height:100%;object-fit:cover;}\r\n .modal-img .placeholder-label{\r\n position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:8px;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;letter-spacing:.04em;\r\n }\r\n .modal-content{padding:26px 28px 30px;}\r\n .modal-title{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;margin:14px 0 6px;color:var(--ink-900);}\r\n .modal-hashtags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}\r\n .modal-hashtags span{color:var(--blue-600);font-size:13px;font-weight:600;}\r\n .modal-text{font-size:14.5px;line-height:1.75;color:var(--ink-700);white-space:pre-line;}\r\n .modal-divider{border:none;border-top:1px solid var(--line);margin:26px 0 20px;}\r\n .comments-title{font-family:'Space Grotesk',sans-serif;font-size:16px;margin:0 0 14px;}\r\n .comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;}\r\n .comment-item{background:var(--mist);border-radius:12px;padding:12px 14px;}\r\n .comment-item .comment-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;}\r\n .comment-item .comment-name{font-weight:700;font-size:13px;color:var(--ink-900);}\r\n .comment-item .comment-date{font-size:11px;color:var(--text-muted);}\r\n .comment-item .comment-text{font-size:13.5px;line-height:1.55;color:var(--ink-700);margin:0;}\r\n .no-comments{font-size:13px;color:var(--text-muted);margin:0 0 20px;}\r\n .comment-form{display:flex;flex-direction:column;gap:10px;}\r\n .comment-form input,.comment-form textarea{\r\n width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);\r\n font-family:'Inter',sans-serif;font-size:13.5px;color:var(--ink-900);outline:none;resize:vertical;\r\n }\r\n .comment-form input:focus,.comment-form textarea:focus{border-color:var(--magenta-400);}\r\n .comment-form button{\r\n align-self:flex-start;border:none;border-radius:10px;padding:10px 20px;font-weight:700;font-size:13px;color:#fff;cursor:pointer;\r\n background:linear-gradient(90deg,var(--magenta-500),var(--blue-500));\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n <div class=\"topbar-links\">\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Municipio<\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a>\r\n <\/div>\r\n <div class=\"search\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n Buscar\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"hero\">\r\n <div class=\"blob blob-1\"><\/div>\r\n <div class=\"blob blob-2\"><\/div>\r\n <div class=\"blob blob-3\"><\/div>\r\n <div class=\"hero-inner\">\r\n <span class=\"badge\">\u2605 Villa de \u00c1lvarez, Colima<\/span>\r\n <h1>Instituto Villalvarense de la Juventud<\/h1>\r\n <p class=\"subtitle\">Noticias, cursos y programas para la juventud villalvarense<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <nav class=\"tabnav\">\r\n <div class=\"tabnav-inner\">\r\n <div class=\"tabnav-links\">\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/\" class=\"active\">Inicio<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\">Noticias<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/transparencia\/\">Transparencia<\/a>\r\n <a href=\"https:\/\/servidor.villadealvarez.gob.mx:2096\/\">Correo<\/a>\r\n <\/div>\r\n <button class=\"nav-toggle\" id=\"navToggle\" aria-expanded=\"false\" aria-controls=\"mobilePanel\">\r\n <span class=\"bars\"><span><\/span><span><\/span><span><\/span><\/span>\r\n Men\u00fa\r\n <\/button>\r\n <\/div>\r\n <div class=\"mobile-panel\" id=\"mobilePanel\">\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/\" class=\"active\">Inicio<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\">Noticias<\/a>\r\n <a href=\"https:\/\/villadealvarez.gob.mx\/ivj\/transparencia\/\">Transparencia<\/a>\r\n <a href=\"https:\/\/servidor.villadealvarez.gob.mx:2096\/\">Correo<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main>\r\n <div class=\"eyebrow\">Instituto Villalvarense de la Juventud<\/div>\r\n <h2 class=\"section-title\">Noticias y Programas<\/h2>\r\n\r\n <div class=\"layout\">\r\n <div>\r\n <div class=\"news-grid\" id=\"newsGrid\"><\/div>\r\n <\/div>\r\n\r\n <aside>\r\n <div class=\"side-card\">\r\n <h3>Buscar<\/h3>\r\n <div class=\"search-box\">\r\n <input type=\"text\" id=\"searchBox\" placeholder=\"Buscar noticia...\">\r\n <button onclick=\"filterNews(document.getElementById('searchBox').value)\">Buscar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"side-card\">\r\n <h3>S\u00edguenos<\/h3>\r\n <a class=\"follow-row\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"follow-icon\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06C2 17.08 5.66 21.2 10.44 21.94V14.9H7.9v-2.84h2.54v-2.17c0-2.5 1.5-3.9 3.79-3.9 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.85h2.78l-.44 2.84h-2.34v7.04C18.34 21.2 22 17.08 22 12.06Z\"\/><\/svg>\r\n <\/span>\r\n Instituto Villalvarense de la Juventud\r\n <\/a>\r\n <p>Ent\u00e9rate de convocatorias, cursos y eventos para j\u00f3venes del municipio.<\/p>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/main>\r\n\r\n <div class=\"modal-overlay\" id=\"modalOverlay\">\r\n <div class=\"modal-box\" id=\"modalBox\">\r\n <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Cerrar\">×<\/button>\r\n <div class=\"modal-img\" id=\"modalImg\"><\/div>\r\n <div class=\"modal-content\">\r\n <span class=\"news-tag\" id=\"modalTag\" style=\"position:static;display:inline-block;\"><\/span>\r\n <h2 class=\"modal-title\" id=\"modalTitle\"><\/h2>\r\n <div class=\"modal-hashtags\" id=\"modalHashtags\"><\/div>\r\n <p class=\"modal-text\" id=\"modalText\"><\/p>\r\n\r\n <hr class=\"modal-divider\">\r\n\r\n <h3 class=\"comments-title\" id=\"commentsTitle\">Comentarios<\/h3>\r\n <div class=\"comments-list\" id=\"commentsList\"><\/div>\r\n\r\n <form class=\"comment-form\" id=\"commentForm\">\r\n <input type=\"text\" id=\"commentName\" placeholder=\"Tu nombre\" required>\r\n <textarea id=\"commentText\" rows=\"3\" placeholder=\"Escribe un comentario...\" required><\/textarea>\r\n <button type=\"submit\">Comentar<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n <strong>Instituto Villalvarense de la Juventud<\/strong> \u2014 INJ<br>\r\n Todos los derechos reservados 2024-2027.<br>\r\n H. Ayuntamiento de Villa de \u00c1lvarez | Desarrollado por Departamento de Sistemas.\r\n <\/footer>\r\n\r\n<script>\r\n\/\/ Cada noticia: reemplaza \"img\" por la ruta real de tu imagen (o b\u00f3rralo para\r\n\/\/ dejar el bloque de color como placeholder), edita t\u00edtulo\/texto\/tag\/hashtags.\r\n\/\/ \"text\" es el resumen que se ve en la tarjeta; \"content\" es el texto completo\r\n\/\/ que se muestra al abrir la noticia (si lo dejas vac\u00edo, usa \"text\").\r\nconst news = [\r\n {\r\n id:\"premio-merito-municipal\",\r\n tag:\"Noticias\",\r\n title:\"Entregan premio a ganadores del M\u00e9rito Municipal\",\r\n text:\"El Ayuntamiento de Villa de \u00c1lvarez entreg\u00f3 el Premio al M\u00e9rito Municipal \\\"Juventud Villalvarense\\\" a j\u00f3venes destacados en las categor\u00edas de arte, cultura y educaci\u00f3n, as\u00ed como en otras disciplinas, en reconocimiento a su trayectoria y aportaci\u00f3n a la comunidad.\",\r\n content:\"El Ayuntamiento de Villa de \u00c1lvarez entreg\u00f3 el Premio al M\u00e9rito Municipal \\\"Juventud Villalvarense\\\" a j\u00f3venes destacados en las categor\u00edas de arte, cultura y educaci\u00f3n, as\u00ed como en otras disciplinas, en reconocimiento a su trayectoria y aportaci\u00f3n a la comunidad.\\n\\nEn el Sal\u00f3n Presidentes de la Casa de la Cultura, la Alcaldesa felicit\u00f3 a los ganadores, a quienes reconoci\u00f3 como j\u00f3venes talentosos que le han dado mucho a la sociedad villalvarense, por ello es que la administraci\u00f3n municipal de Villa de \u00c1lvarez les reconoce sus aportaciones.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Premio\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/premio2.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"consejeria-adicciones-eco548\",\r\n tag:\"Cursos\",\r\n title:\"Consejer\u00eda en Adicciones ECO-548\",\r\n text:\"Tenemos para ustedes cursos de ConsejeriaEnAdicciones por parte de la Comisi\u00f3n Estatal de Salud Mental y Adicciones. Si eres joven y te interesa Certificarte en esta \u00e1rea ac\u00e9rcate al Instituto Villalvarense de la Juventud y pregunta por las Becas especiales que tenemos para ti \ud83e\udd1d Estaremos realizando una semana de capacitaci\u00f3n cada mes\",\r\n content:\"\",\r\n hashtags:[\"#ConsejeriaEnAdicciones\",\"#Certificarte\",\" #Becas\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/curso.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Ganadores-ivj\",\r\n tag:\"Noticias\",\r\n title:\"Felicidades a los ganadores Al m\u00e9rito de la juventud Villalvarense\",\r\n text:\" Muchas felicidades a los ganadores de la Presea al M\u00e9rito Municipal de la Juventud Villalvarense 2022 , \u201cGral. Manuel \u00c1lvarez Zamora\u201d. \",\r\n content:\"\ud83d\ude4c\ud83c\udffb Muchas felicidades a los ganadores de la Presea al M\u00e9rito Municipal de la Juventud Villalvarense 2022 , \u201cGral. Manuel \u00c1lvarez Zamora\u201d. \ud83c\udfc5\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticia\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/preimio.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Golpe-adicciones\",\r\n tag:\"Noticias\",\r\n title:\"Golpe a las adicciones\",\r\n text:\" Como parte de la Estrategia Integral para la Prevenci\u00f3n y Atenci\u00f3n de las Adicciones del Municipio de Villa de \u00c1lvarez, la Alcaldesa Tey Guti\u00e9rrez anunci\u00f3 que el jueves 27 de octubre a las 6 de la tarde en el Polideportivo de la Villa, Julio C\u00e9sar Ch\u00e1vez, La Leyenda. \",\r\n content:\"Como parte de la Estrategia Integral para la Prevenci\u00f3n y Atenci\u00f3n de las Adicciones del Municipio de Villa de \u00c1lvarez, la Alcaldesa Tey Guti\u00e9rrez anunci\u00f3 que el jueves 27 de octubre a las 6 de la tarde en el Polideportivo de la Villa, Julio C\u00e9sar Ch\u00e1vez, La Leyenda, ofrecer\u00e1 la charla \u201cGolpe a las adicciones\u201d, un evento de entrada gratuita en el que el campe\u00f3n nos demostrar\u00e1 que cuando se quiere, se puede.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Tey Guti\u00e9rrez\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/golpe.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"1er-a\u00f1o-Gobierno\",\r\n tag:\"Noticias\",\r\n title:\"1er A\u00f1o de Gobierno\",\r\n text:\" Much\u00edsimas gracias por la confianza de permitirme encabezar este 1erA\u00f1o en el gobierno municipal de mi querido VillaDe\u00c1lvarez. \",\r\n content:\"Much\u00edsimas gracias por la confianza de permitirme encabezar este 1erA\u00f1o en el gobierno municipal de mi querido VillaDe\u00c1lvarez.\\n\\n-Esther Guti\u00e9rrez Andrade, presidente de Villa de \u00c1lvarez.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Tey Guti\u00e9rrez\",\"#1erA\u00f1o\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/ano.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Contactos-Emergencia\",\r\n tag:\"Noticias\",\r\n title:\"Contactos de emergencia\",\r\n text:\" Te compartimos los tel\u00e9fonos de emergencias, en caso de necesitarlos. \u00a1Util\u00edzalos con responsabilidad!. Tr\u00e1nsito Municipal: 3123131716 Polic\u00eda Municipal: 3123145193 Protecci\u00f3n Civil: 3123162729 \ud83d\ude42 \",\r\n content:\"Te compartimos los tel\u00e9fonos de emergencias, en caso de necesitarlos. \u00a1Util\u00edzalos con responsabilidad!.\\n\\nTr\u00e1nsito Municipal: 3123131716\\n\\nPolic\u00eda Municipal: 3123145193\\n\\nProtecci\u00f3n Civil: 3123162729 \\n\\n\ud83d\ude42\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/Telefonos.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"programas-juventud\",\r\n tag:\"Programas\",\r\n title:\"Convocatoria para participar en el Cabildo Juvenil\",\r\n text:\"Por primera ocasi\u00f3n el Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo. \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el Cabildo Juvenil del Municipio de Villa de \u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad\u2026\",\r\n content:\"Por primera ocasi\u00f3n el Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo. \ud83d\udc71\u200d\u2640\ufe0f\ud83d\udc71\u200d\u2642\ufe0f \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el Cabildo Juvenil del Municipio de Villa de \u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad de ser parte de un excelente ejercicio de participaci\u00f3n juvenil. Consulta las bases \u2935\ufe0f\",\r\n hashtags:[\"#Programas\",\"#VillaDe\u00c1lvarez\",\"#Juventud\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/convoca.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Cabildo-ivj\",\r\n tag:\"Noticias\",\r\n title:\"Cabildo Juvenil\",\r\n text:\" #LaVillaeS #CabildoJuvenilVillaDe\u00c1lvarez2022 A continuaci\u00f3n te proporcionamos un enlace a la entrevista que di\u00f3 la se\u00f1orita Valeria Tintos, Regidora del H. Ayuntamiento de Villa de \u00c1lvarez a los medios \u201cDe Pol\u00edtica y Algo m\u00e1s\u201d sobre el cabildo juvenil. \",\r\n content:\" #LaVillaeS #CabildoJuvenilVillaDe\u00c1lvarez2022 A continuaci\u00f3n te proporcionamos un enlace a la entrevista que di\u00f3 la se\u00f1orita Valeria Tintos, Regidora del H. Ayuntamiento de Villa de \u00c1lvarez a los medios \u201cDe Pol\u00edtica y Algo m\u00e1s\u201d sobre el cabildo juvenil.\\n\\n Observar Video\",\r\n hashtags:[\"#LaVillaeS\",\"#Noticias\",\"#CabildoJuvenilVillaDe\u00c1lvarez2022\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/ENTREVISTA.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Agenda-Cultural\",\r\n tag:\"Programas\",\r\n title:\"Se publica programaci\u00f3n de eventos para septiembre\",\r\n text:\"Te presentamos la AgendaCultural del mes de Septiembre. No te pierdas las actividades que el Ayuntamiento a trav\u00e9s del Departamento de Fomento Cultural y Educativo tienen para ti en Villa De \u00c1lvarez...\",\r\n content:\"Te presentamos la AgendaCultural del mes de Septiembre. No te pierdas las actividades que el Ayuntamiento a trav\u00e9s del Departamento de Fomento Cultural y Educativo tienen para ti en Villa De \u00c1lvarez.\\n\\n #LaVillaeS #Cultura\",\r\n hashtags:[\"#AgendaCultural\",\"#LaVillaeS\",\"#Septiembre\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/agenda.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Cabildo-Juvenil\",\r\n tag:\"Noticias\",\r\n title:\"Cabildo Juvenil\",\r\n text:\" La ma\u00f1ana de hoy fue muy productiva, visitamos distintas secundarias y preparatorias para promover las convocatorias del \u201c1er Cabildo Juvenil\u201d y el \u201cM\u00e9rito Juvenil 2022\u201d Conoce las bases y s\u00e9 parte de esta gran experiencia. Primer Cabildo Infantil: Premio \u201cM\u00e9rito Municipal de la Juventud 2022 \",\r\n content:\"La ma\u00f1ana de hoy fue muy productiva, visitamos distintas secundarias y preparatorias para promover las convocatorias del \u201c1er Cabildo Juvenil\u201d y el \u201cM\u00e9rito Juvenil 2022\u201d Conoce las bases y s\u00e9 parte de esta gran experiencia.\\n\\n Primer Cabildo Infantil:\\n\\n Premio \u201cM\u00e9rito Municipal de la Juventud 2022\u201d:\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/sesiion-juvenil.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Dia-Salud-Sexual\",\r\n tag:\"Noticias\",\r\n title:\"Dia mundial de la Salud Sexual\",\r\n text:\" Con la finalidad de concientizar a la poblaci\u00f3n acerca de los derechos sexuales, la diversidad sexual, as\u00ed como la salud sexual y reproductiva de una manera placentera, sin discriminaci\u00f3n o riesgos , el dia 4 de septiembre celebramos el d\u00eda mundial de la Salud Sexual \",\r\n content:\"Con la finalidad de concientizar a la poblaci\u00f3n acerca de los derechos sexuales, la diversidad sexual, as\u00ed como la salud sexual y reproductiva de una manera placentera, sin discriminaci\u00f3n o riesgos , el dia 4 de septiembre celebramos el d\u00eda mundial de la Salud Sexual\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/ss.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Convocatoria-Emprende\",\r\n tag:\"Programas\",\r\n title:\"Lanza convocatoria para participar en el Simulador de Negocios-Gobierno Municipal de Villa de \u00c1lvarez\",\r\n text:\"El gobierno municipal de #VillaDe\u00c1lvarez a trav\u00e9s de la Direcci\u00f3n de Desarrollo Econ\u00f3mico te invitan a participar en el #SimuladorDeNegocios Aprovecha y desarrolla habilidades de emprendimiento en el mercado virtual altamente interactivo \u00a1Reg\u00edstrate!...\",\r\n content:\" El gobierno municipal de VillaDe\u00c1lvarez a trav\u00e9s de la Direcci\u00f3n de Desarrollo Econ\u00f3mico te invitan a participar en el SimuladorDeNegocios \ud83d\udcca Aprovecha y desarrolla habilidades de emprendimiento en el mercado virtual altamente interactivo \ud83d\udcbb\\n\\n \u00a1Reg\u00edstrate!. Para m\u00e1s informaci\u00f3n al \u260e\ufe0f 312 305 2727\\n\\n \u00a1Participa! \u00a1Te esperamos!\",\r\n hashtags:[\"#ConLaVillaEmprende\",\"#Noticias\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/taller.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Convocatoria-Empleo\",\r\n tag:\"Programas\",\r\n title:\"Ventanilla Municipal De Empleo\",\r\n text:\"El H. Ayuntamiento de Villa de \u00c1lvarez a trav\u00e9s de la Ventanilla Municipal de Empleo de la Direcci\u00f3n de Desarrollo Econ\u00f3mico informa sobre las siguientes ofertas de empleo...\",\r\n content:\" El H. Ayuntamiento de Villa de \u00c1lvarez a trav\u00e9s de la Ventanilla Municipal de Empleo de la Direcci\u00f3n de Desarrollo Econ\u00f3mico informa sobre las siguientes ofertas de empleo:\",\r\n hashtags:[\"#ConLaVillaEmprende\",\"#Noticias\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/1.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Reglamento-Juventud\",\r\n tag:\"Noticias\",\r\n title:\"Se aprueba nuevo Reglamento de la Juventud\",\r\n text:\" La tarde del 17 de agosto fue aprobado en una sesi\u00f3n de cabildo el nuevo reglamento de la juventud del municipio de Villa de \u00c1lvarez, conoce una parte de lo que incluir\u00e1 el nuevo reglamento.. \",\r\n content:\"La tarde del 17 de agosto fue aprobado en una sesi\u00f3n de cabildo el nuevo reglamento de la juventud del municipio de Villa de \u00c1lvarez, conoce una parte de lo que incluir\u00e1 el nuevo reglamento:\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#JuventudVillalvarense\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/298954497_174018168465578_357881715284778967_n.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Participacion-Cabildo\",\r\n tag:\"Programas\",\r\n title:\"Permite H.Ayuntamiento de Villa de \u00c1lvarez participaci\u00f3n de j\u00f3venes\",\r\n text:\"Por primera ocasi\u00f3n el H. Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo. \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el #CabildoJuvenil del Municipio de #Villade\u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad de ser\u2026\",\r\n content:\" Por primera ocasi\u00f3n el H. Ayuntamiento de Villa de \u00c1lvarez abrir\u00e1 un espacio para la participaci\u00f3n de las juventudes en el Cabildo.\\n\\n \u00a1Te invitamos a participar en la selecci\u00f3n para integrar el Cabildo Juvenil del Municipio de Villa de \u00c1lvarez! Si tienes entre 12 y 29 a\u00f1os, esta es tu oportunidad de ser parte de un excelente ejercicio de participaci\u00f3n juvenil.\\n\\n Obt\u00e9n mas informaci\u00f3n :\",\r\n hashtags:[\"#CabildoJuvenil\",\"#Noticias\",\"#VillaDe\u00c1lvarez\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/300500754_176890764843977_379320172622794093_n.jpg\",\r\n link:\"#\"\r\n },\r\n {\r\n id:\"Crecimiento Negocios\",\r\n tag:\"Noticias\",\r\n title:\"Tey Guti\u00e9rrez tienen como objetivo, impulsar el desarrollo y crecimiento de sus negocios\",\r\n text:\" Los emprendedores son de otra madera, son atrevidos, creativos y creadores, innovadores, disciplinados y arriesgados, pero sobre todo resilientes. De esos son de los que se necesitan, porque son realmente los que hacen crecer al pa\u00eds, al estado y a los municipios. Por ello el gobierno municipal que encabeza Tey\u2026 \",\r\n content:\"\ud83d\udca1Los emprendedores son de otra madera, son atrevidos, creativos y creadores, innovadores, disciplinados y arriesgados, pero sobre todo resilientes. De esos son de los que se necesitan, porque son realmente los que hacen crecer al pa\u00eds, al estado y a los municipios. \ud83d\udc4fPor ello el gobierno municipal que encabeza Tey Guti\u00e9rrez tienen como objetivo, impulsar el desarrollo y crecimiento de sus negocios, por lo que esta semana llev\u00f3 a cabo a trav\u00e9s de la Direcci\u00f3n de Desarrollo Econ\u00f3mico, el Taller de Simulador de Negocios, al segundo grupo de emprendedores.\u00a1Gracias! A la Universidad de Colima Oficial, y al Mtro. Ram\u00f3n Garc\u00eda Contreras catedr\u00e1tico de la Facultad de Econom\u00eda por el trabajo de cooperaci\u00f3n y colaborativo que hemos emprendido.\",\r\n hashtags:[\"#VillaDe\u00c1lvarez\",\"#Noticias\",\"#Tey Guti\u00e9rrez\",\"#Universidad de Colima Oficial\"],\r\n img:\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/298544688_430846412419727_5760564545931205249_n.jpg\",\r\n link:\"#\"\r\n }\r\n];\r\n\r\nfunction renderNews(){\r\n const grid = document.getElementById('newsGrid');\r\n grid.innerHTML = news.map((n,i) => `\r\n <div class=\"news-card\" data-search=\"${(n.tag+' '+n.title+' '+n.text).toLowerCase()}\" data-index=\"${i}\">\r\n <div class=\"news-img\">\r\n <span class=\"news-tag\">${n.tag}<\/span>\r\n ${n.img\r\n ? `<img decoding=\"async\" src=\"${n.img}\" alt=\"${n.title}\">`\r\n : `<div class=\"placeholder-label\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n Coloca aqu\u00ed la imagen de la noticia\r\n <\/div>`\r\n }\r\n <\/div>\r\n <div class=\"news-body\">\r\n <h3 class=\"news-title\">${n.title}<\/h3>\r\n <p class=\"news-text\">${n.text}<\/p>\r\n <a class=\"news-link\" href=\"${n.link}\" data-index=\"${i}\">Leer m\u00e1s \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n `).join(\"\");\r\n\r\n grid.querySelectorAll('.news-card').forEach(card => {\r\n card.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n openModal(parseInt(card.dataset.index, 10));\r\n });\r\n });\r\n}\r\nrenderNews();\r\n\r\nfunction filterNews(q){\r\n q = (q || '').toLowerCase().trim();\r\n document.querySelectorAll('.news-card').forEach(card => {\r\n card.style.display = card.dataset.search.includes(q) ? '' : 'none';\r\n });\r\n}\r\ndocument.getElementById('searchBox').addEventListener('input', e => filterNews(e.target.value));\r\n\r\n\/* ---------- modal de noticia + comentarios ---------- *\/\r\nconst modalOverlay = document.getElementById('modalOverlay');\r\nconst modalImg = document.getElementById('modalImg');\r\nconst modalTag = document.getElementById('modalTag');\r\nconst modalTitle = document.getElementById('modalTitle');\r\nconst modalHashtags = document.getElementById('modalHashtags');\r\nconst modalText = document.getElementById('modalText');\r\nconst commentsList = document.getElementById('commentsList');\r\nconst commentForm = document.getElementById('commentForm');\r\nlet currentNews = null;\r\n\r\nfunction getComments(id){\r\n try{\r\n const all = JSON.parse(localStorage.getItem('inj_comments') || '{}');\r\n return all[id] || [];\r\n }catch(e){ return []; }\r\n}\r\n\r\nfunction saveComment(id, comment){\r\n try{\r\n const all = JSON.parse(localStorage.getItem('inj_comments') || '{}');\r\n all[id] = all[id] || [];\r\n all[id].push(comment);\r\n localStorage.setItem('inj_comments', JSON.stringify(all));\r\n }catch(e){ \/* almacenamiento no disponible *\/ }\r\n}\r\n\r\nfunction renderComments(){\r\n const list = getComments(currentNews.id);\r\n if(!list.length){\r\n commentsList.innerHTML = `<p class=\"no-comments\">A\u00fan no hay comentarios. S\u00e9 el primero en escribir uno.<\/p>`;\r\n return;\r\n }\r\n commentsList.innerHTML = list.map(c => `\r\n <div class=\"comment-item\">\r\n <div class=\"comment-head\">\r\n <span class=\"comment-name\">${c.name}<\/span>\r\n <span class=\"comment-date\">${c.date}<\/span>\r\n <\/div>\r\n <p class=\"comment-text\">${c.text}<\/p>\r\n <\/div>\r\n `).join(\"\");\r\n}\r\n\r\nfunction openModal(index){\r\n currentNews = news[index];\r\n const n = currentNews;\r\n\r\n modalImg.innerHTML = n.img\r\n ? `<img decoding=\"async\" src=\"${n.img}\" alt=\"${n.title}\">`\r\n : `<div class=\"placeholder-label\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n Coloca aqu\u00ed la imagen de la noticia\r\n <\/div>`;\r\n\r\n modalTag.textContent = n.tag;\r\n modalTitle.textContent = n.title;\r\n modalText.textContent = n.content && n.content.trim() ? n.content : n.text;\r\n modalHashtags.innerHTML = (n.hashtags || []).map(h => `<span>${h}<\/span>`).join(\"\");\r\n\r\n renderComments();\r\n commentForm.reset();\r\n\r\n modalOverlay.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n modalOverlay.scrollTop = 0;\r\n}\r\n\r\nfunction closeModal(){\r\n modalOverlay.classList.remove('open');\r\n document.body.style.overflow = '';\r\n currentNews = null;\r\n}\r\n\r\ndocument.getElementById('modalClose').addEventListener('click', closeModal);\r\n\r\nmodalOverlay.addEventListener('click', (e) => {\r\n if(e.target === modalOverlay) closeModal();\r\n});\r\n\r\ndocument.addEventListener('keydown', (e) => {\r\n if(e.key === 'Escape' && modalOverlay.classList.contains('open')) closeModal();\r\n});\r\n\r\ncommentForm.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n if(!currentNews) return;\r\n const name = document.getElementById('commentName').value.trim();\r\n const text = document.getElementById('commentText').value.trim();\r\n if(!name || !text) return;\r\n\r\n const date = new Date().toLocaleDateString('es-MX', { day:'numeric', month:'long', year:'numeric' });\r\n saveComment(currentNews.id, { name, text, date });\r\n renderComments();\r\n commentForm.reset();\r\n});\r\n\r\nconst navToggle = document.getElementById('navToggle');\r\nconst mobilePanel = document.getElementById('mobilePanel');\r\nnavToggle.addEventListener('click', () => {\r\n const isOpen = mobilePanel.classList.toggle('open');\r\n navToggle.classList.toggle('open', isOpen);\r\n navToggle.setAttribute('aria-expanded', isOpen);\r\n});\r\nmobilePanel.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\r\n mobilePanel.classList.remove('open');\r\n navToggle.classList.remove('open');\r\n navToggle.setAttribute('aria-expanded', 'false');\r\n}));\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Noticias -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Noticias -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T02:58:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/\",\"url\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/\",\"name\":\"Noticias -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#website\"},\"datePublished\":\"2026-07-21T23:34:28+00:00\",\"dateModified\":\"2026-07-22T02:58:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/inicio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Noticias\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#website\",\"url\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"Noticias -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","og_locale":"es_MX","og_type":"article","og_title":"Noticias -","og_url":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","article_modified_time":"2026-07-22T02:58:14+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","url":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/","name":"Noticias -","isPartOf":{"@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#website"},"datePublished":"2026-07-21T23:34:28+00:00","dateModified":"2026-07-22T02:58:14+00:00","breadcrumb":{"@id":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/inicio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/villadealvarez.gob.mx\/ivj\/"},{"@type":"ListItem","position":2,"name":"Noticias"}]},{"@type":"WebSite","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#website","url":"https:\/\/villadealvarez.gob.mx\/ivj\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/villadealvarez.gob.mx\/ivj\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":3,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/72\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}