{"id":80,"date":"2026-07-21T23:41:08","date_gmt":"2026-07-21T23:41:08","guid":{"rendered":"https:\/\/villadealvarez.gob.mx\/ivj\/?page_id=80"},"modified":"2026-07-22T03:10:10","modified_gmt":"2026-07-22T03:10:10","slug":"index","status":"publish","type":"page","link":"https:\/\/villadealvarez.gob.mx\/ivj\/","title":{"rendered":"Index"},"content":{"rendered":"<!-- ===== Fragmento INJ: Bienvenida (para WPCode) ===== -->\r\n<!-- Pega esto en un snippet de tipo \"HTML Snippet\" en WPCode. -->\r\n<!-- Fuentes recomendadas: agr\u00e9galas en un snippet aparte con ubicaci\u00f3n \"Site Wide Header\":\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-->\r\n\r\n<div class=\"inj-welcome\">\r\n<style>\r\n  .inj-welcome{\r\n    \/* --- misma paleta INJ que el resto de las p\u00e1ginas --- *\/\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  .inj-welcome *{box-sizing:border-box;}\r\n  .inj-welcome{\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    display:flex;flex-direction:column;\r\n    height:100vh;\r\n    overflow:hidden;\r\n  }\r\n  .inj-welcome h1,.inj-welcome .display{font-family:'Space Grotesk',sans-serif;}\r\n  .inj-welcome a{color:inherit;}\r\n  .inj-welcome img{max-width:100%;display:block;}\r\n\r\n  .inj-welcome .topbar{background:var(--ink-900);color:#c9cbe0;font-size:12px;letter-spacing:.04em;}\r\n  .inj-welcome .topbar-inner{max-width:1180px;margin:0 auto;padding:9px 16px;display:flex;justify-content:space-between;align-items:center;}\r\n  .inj-welcome .topbar-links a{text-decoration:none;color:#c9cbe0;opacity:.85;margin-right:20px;font-weight:500;}\r\n  .inj-welcome .topbar-links a:hover{opacity:1;color:var(--teal-300);}\r\n  .inj-welcome .topbar .search{display:flex;align-items:center;gap:6px;opacity:.85;cursor:pointer;}\r\n  .inj-welcome .topbar .search:hover{opacity:1;color:var(--teal-300);}\r\n\r\n  .inj-welcome .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  .inj-welcome .tabnav-inner{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;}\r\n  .inj-welcome .tabnav-links{display:flex;gap:6px;overflow-x:auto;}\r\n  .inj-welcome .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  .inj-welcome .tabnav-links a:hover{color:var(--magenta-500);}\r\n  .inj-welcome .tabnav-links a.active{color:var(--ink-900);border-bottom-color:var(--magenta-500);}\r\n  .inj-welcome .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  .inj-welcome .nav-toggle .bars{width:22px;height:16px;position:relative;flex-shrink:0;}\r\n  .inj-welcome .nav-toggle .bars span{position:absolute;left:0;width:100%;height:2px;background:var(--ink-900);transition:.2s;}\r\n  .inj-welcome .nav-toggle .bars span:nth-child(1){top:0;}\r\n  .inj-welcome .nav-toggle .bars span:nth-child(2){top:7px;}\r\n  .inj-welcome .nav-toggle .bars span:nth-child(3){top:14px;}\r\n  .inj-welcome .nav-toggle.open .bars span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n  .inj-welcome .nav-toggle.open .bars span:nth-child(2){opacity:0;}\r\n  .inj-welcome .nav-toggle.open .bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n  .inj-welcome .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  .inj-welcome .mobile-panel.open{max-height:400px;}\r\n  .inj-welcome .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  .inj-welcome .mobile-panel a.active{color:var(--magenta-500);}\r\n  .inj-welcome .mobile-panel a:last-child{border-bottom:none;}\r\n  @media (max-width:768px){.inj-welcome .tabnav-links{display:none;}.inj-welcome .nav-toggle{display:flex;}.inj-welcome .mobile-panel{display:block;}}\r\n\r\n  .inj-welcome .welcome{\r\n    position:relative;overflow:hidden;\r\n    background:var(--ink-900);\r\n    flex:1;\r\n    display:flex;align-items:center;justify-content:center;\r\n    padding:60px 24px;\r\n  }\r\n  .inj-welcome .welcome .blob{position:absolute;border-radius:50%;filter:blur(90px);z-index:0;}\r\n  .inj-welcome .welcome .blob-1{width:520px;height:520px;background:var(--magenta-500);opacity:.5;top:-180px;left:-140px;}\r\n  .inj-welcome .welcome .blob-2{width:480px;height:480px;background:var(--blue-500);opacity:.5;bottom:-220px;right:-120px;}\r\n  .inj-welcome .welcome .blob-3{width:360px;height:360px;background:var(--teal-400);opacity:.32;top:35%;right:8%;}\r\n  .inj-welcome .welcome .blob-4{width:280px;height:280px;background:var(--teal-300);opacity:.22;bottom:10%;left:6%;}\r\n\r\n  .inj-welcome .welcome-inner{\r\n    position:relative;z-index:2;\r\n    display:flex;flex-direction:column;align-items:center;text-align:center;\r\n    max-width:640px;\r\n  }\r\n  .inj-welcome .welcome-logo{\r\n    width:min(360px,72vw);\r\n    filter:drop-shadow(0 18px 40px rgba(0,0,0,.35));\r\n  }\r\n  .inj-welcome .welcome-divider{\r\n    display:flex;align-items:center;justify-content:center;gap:12px;\r\n    margin:30px auto 22px;max-width:200px;width:100%;\r\n  }\r\n  .inj-welcome .welcome-divider span{height:2px;flex:1;border-radius:2px;background:linear-gradient(90deg,var(--magenta-500),var(--teal-300));}\r\n  .inj-welcome .welcome-name{\r\n    color:#fff;\r\n    font-weight:700;\r\n    font-size:clamp(24px,4vw,36px);\r\n    line-height:1.25;\r\n    margin:0;\r\n  }\r\n  .inj-welcome .welcome-tagline{\r\n    color:#aeb1cc;\r\n    font-size:15px;\r\n    letter-spacing:.02em;\r\n    margin:12px 0 0;\r\n    font-weight:500;\r\n  }\r\n\r\n  .inj-welcome footer{background:var(--ink-900);color:#aeb1cc;padding:26px 24px;text-align:center;font-size:12.5px;border-top:1px solid rgba(255,255,255,.06);}\r\n  .inj-welcome 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  \/* Neutraliza el padding\/m\u00e1rgenes que el TEMA de WordPress mete alrededor\r\n     del contenido de la p\u00e1gina, para que no quede franja gris debajo. Solo\r\n     afecta a la p\u00e1gina donde insertes este shortcode. Si tu tema usa otras\r\n     clases, ajusta esta lista con lo que veas en el inspector (F12). *\/\r\n  body{margin:0;}\r\n  .entry-content, .site-content, .content-area, main, article,\r\n  .page-content, #primary, #content, .elementor, .elementor-widget-container{\r\n    padding:0 !important;\r\n    margin:0 !important;\r\n    max-width:none !important;\r\n    background:transparent !important;\r\n  }\r\n<\/style>\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  <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  <section class=\"welcome\">\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=\"blob blob-4\"><\/div>\r\n    <div class=\"welcome-inner\">\r\n      <img decoding=\"async\" class=\"welcome-logo\" src=\"https:\/\/villadealvarez.gob.mx\/ivj\/wp-content\/uploads\/2026\/07\/IVJUVENTUD_logo_principal.png\" alt=\"Instituto Villalvarense de la Juventud\">\r\n      <div class=\"welcome-divider\"><span><\/span><\/div>\r\n      <h1 class=\"welcome-name\">Instituto Villalvarense de la Juventud<\/h1>\r\n      <p class=\"welcome-tagline\">H. Ayuntamiento de Villa de \u00c1lvarez<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer>\r\n    <strong>Instituto Villalvarense de la Juventud<\/strong> \u2014 INJ \u00b7 Todos los derechos reservados 2024-2027.\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\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>\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-80","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Index -<\/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\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Index -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/villadealvarez.gob.mx\/ivj\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T03:10:10+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\\\/\",\"url\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\",\"name\":\"Index -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#website\"},\"datePublished\":\"2026-07-21T23:41:08+00:00\",\"dateModified\":\"2026-07-22T03:10:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/villadealvarez.gob.mx\\\/ivj\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Index\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Index -","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\/","og_locale":"es_MX","og_type":"article","og_title":"Index -","og_url":"https:\/\/villadealvarez.gob.mx\/ivj\/","article_modified_time":"2026-07-22T03:10:10+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/","url":"https:\/\/villadealvarez.gob.mx\/ivj\/","name":"Index -","isPartOf":{"@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#website"},"datePublished":"2026-07-21T23:41:08+00:00","dateModified":"2026-07-22T03:10:10+00:00","breadcrumb":{"@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/villadealvarez.gob.mx\/ivj\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/villadealvarez.gob.mx\/ivj\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/villadealvarez.gob.mx\/ivj\/"},{"@type":"ListItem","position":2,"name":"Index"}]},{"@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\/80","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=80"}],"version-history":[{"count":1,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/pages\/80\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/villadealvarez.gob.mx\/ivj\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}