{"id":4399,"date":"2026-09-20T00:05:21","date_gmt":"2026-09-20T03:05:21","guid":{"rendered":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/?page_id=4399"},"modified":"2026-09-20T01:29:37","modified_gmt":"2026-09-20T04:29:37","slug":"equipo-edutic","status":"publish","type":"page","link":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/equipo-edutic\/","title":{"rendered":"EDUTIC"},"content":{"rendered":"\n<style>\n  \/* Forzar renderizado inmediato de texto para evitar bloqueos de fuentes *\/\n  * {\n    font-display: swap !important;\n  }\n<\/style>\n\n\n\n<!-- Optimizaci\u00f3n de conexiones anticipadas para el servidor institucional -->\n<link rel=\"preconnect\" href=\"https:\/\/ifd13-nqn.infd.edu.ar\" crossorigin>\n<link rel=\"dns-prefetch\" href=\"https:\/\/ifd13-nqn.infd.edu.ar\">\n\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Evitamos duplicar si ya existe una meta descripci\u00f3n\n    if (!document.querySelector('meta[name=\"description\"]')) {\n      const metaDescription = document.createElement('meta');\n      metaDescription.name = \"description\";\n      \n      \/\/ REEMPLAZA EL TEXTO DE AQU\u00cd ABAJO con la descripci\u00f3n espec\u00edfica para esta secci\u00f3n (m\u00e1x. 150-160 caracteres)\n      metaDescription.content = \"La Comisi\u00f3n EDUTIC del IFD 13 - Nivel Superior se encarga de la optimizaci\u00f3n del sitio web y la promoci\u00f3n de la alfabetizaci\u00f3n tecnol\u00f3gica comunitaria para adultos mayores.\";\n      \n      document.head.appendChild(metaDescription);\n    }\n  });\n<\/script>\n\n\n\n<style>\n  \/*Reset*\/\n  *, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  }\n  \/*Variables*\/\n  :root{\n    \/*Colores*\/\n    --fondo-pagina:#f9f9f9;\n    --fondo-tarjeta: #ffffff;\n    --color-titulo: #003366;\n    --color-texto: #000000;\n    --color-texto-suave: #555555;\n    --color-enlace: #bd0000;\n    --color-activado: #d50000;\n    --color-borde-activado: #940101;\n    \/* Validaci\u00f3n *\/\n    --color-exito: #198754;\n    --color-error: #dc3545;\n    \/*Tama\u00f1os*\/\n    --tamano-h1: clamp(1.75rem, 1.25rem + 2.5vw, 2.5rem);\n    --tamano-h2: clamp(1.35rem, 1rem + 1.5vw, 1.75rem);\n    --tamano-h3: clamp(1.2rem, 0.95rem + 0.75vw, 1.5rem);\n    --tamano-p: clamp(1.1rem, 1rem + 0.25vw, 1.15rem);\n    \/*Fuente*\/\n    --fuente: sans-serif;\n    \/*Rellenos*\/\n    --relleno-sm: 0.5rem;\n    --relleno-md: 1rem;\n    --relleno-lg: 1.5rem;\n    \/* Espaciado y bordes *\/\n    --borde-radio-lg: 8px;\n    --borde-radio-md: 6px;\n    --borde-radio-sm: 3px;\n    --borde-radio-xsm: 1px;\n    --sombra-contenedor: 0 2px 8px rgba(0, 0, 0, 0.15);\n    \/*Gaps*\/\n    --gap-xs: 0.25rem;\n    --gap-sm: 0.5rem;\n    --gap-md: 1rem;\n    --gap-lg: 1.5rem;\n  }\n  @media (prefers-color-scheme: dark) {\n    :root {\n      \/*Colores*\/\n    --fondo-pagina:#0f172a;\n    --fondo-tarjeta: #1e293b;\n    --color-titulo: #50c8fb;\n    --color-texto: #fdfeff;\n    --color-texto-suave: #cbe1ff;\n    --color-enlace: #ffe600;\n    --color-activado: #f43f5e;\n    --color-borde-activado: #e11d48;\n    --color-exito: #22c55e;\n    --color-error: #ef4444;\n    --sombra-contenedor: 0 10px 25px -5px rgba(0, 0, 0, 0.5);\n    }\n  }\n  \/*Encabezado*\/\n  .encabezado{\n    padding: var(--relleno-sm);\n    inline-size: 100%;\n    background-color: var(--fondo-pagina);\n  }\n .encabezado__contenedor{\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  inline-size: 100%;\n  text-align: center;\n }\n .encabezado__titulo{\n  color: var(--color-titulo);\n  font-size: var(--tamano-h1);\n }\n .encabezado__parrafo{\n  font-size: var(--tamano-p);\n  padding: 0 var(--relleno-sm) var(--relleno-sm) var(--relleno-sm);\n  color: var(--color-texto-suave);\n  border-block-end: 2px solid var(--color-titulo);\n  max-inline-size: 900px;\n  margin-block: 0rem;\n  line-height: 1.5;\n }\n <\/style>\n<!--Encabezado-->\n<header class=\"encabezado\">\n  <div class=\"encabezado__contenedor\">\n    <h1 class=\"encabezado__titulo\">EDUTIC<\/h1>\n    <p class=\"encabezado__parrafo\">Optimizaci\u00f3n del sitio web institucional y promoci\u00f3n de la alfabetizaci\u00f3n tecnol\u00f3gica comunitaria para adultos mayores.<\/p>\n  <\/div>\n<\/header>\n\n\n\n<style>\n  \/*Reset*\/\n  *, *::before, *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  }\n  \/*Variables*\/\n  :root{\n    \/*Colores*\/\n    --fondo-pagina:#f9f9f9;\n    --fondo-tarjeta: #ffffff;\n    --color-titulo: #003366;\n    --color-texto: #000000;\n    --color-texto-suave: #555555;\n    --color-enlace: #bd0000;\n    --color-activado: #d50000;\n    --color-borde-activado: #940101;\n    \/* Validaci\u00f3n *\/\n    --color-exito: #198754;\n    --color-error: #dc3545;\n    \/*Tama\u00f1os*\/\n    --tamano-h1: clamp(1.75rem, 1.25rem + 2.5vw, 2.5rem);\n    --tamano-h2: clamp(1.35rem, 1rem + 1.5vw, 1.75rem);\n    --tamano-h3: clamp(1.2rem, 0.95rem + 0.75vw, 1.5rem);\n    --tamano-p: clamp(1.1rem, 1rem + 0.25vw, 1.15rem);\n    \/*Fuente*\/\n    --fuente: sans-serif;\n    \/*Rellenos*\/\n    --relleno-sm: 0.5rem;\n    --relleno-md: 1rem;\n    --relleno-lg: 1.5rem;\n    \/* Espaciado y bordes *\/\n    --borde-radio-lg: 8px;\n    --borde-radio-md: 6px;\n    --borde-radio-sm: 3px;\n    --borde-radio-xsm: 1px;\n    --sombra-contenedor: 0 2px 8px rgba(0, 0, 0, 0.15);\n    \/*Gaps*\/\n    --gap-xs: 0.25rem;\n    --gap-sm: 0.5rem;\n    --gap-md: 1rem;\n    --gap-lg: 1.5rem;\n  }\n  @media (prefers-color-scheme: dark) {\n    :root {\n      \/*Colores*\/\n    --fondo-pagina:#0f172a;\n    --fondo-tarjeta: #1e293b;\n    --color-titulo: #50c8fb;\n    --color-texto: #fdfeff;\n    --color-texto-suave: #cbe1ff;\n    --color-enlace: #ffe600;\n    --color-activado: #f43f5e;\n    --color-borde-activado: #e11d48;\n    --color-exito: #22c55e;\n    --color-error: #ef4444;\n    --sombra-contenedor: 0 10px 25px -5px rgba(0, 0, 0, 0.5);\n    }\n  }\n \/*Estilizaci\u00f3n del contenedor principal*\/\n .contenido{\n  display: flex;\n  flex-direction: column;\n  background-color: var(--fondo-pagina);\n  padding: var(--relleno-sm);\n  align-items: center;\n  inline-size: 100%;\n  overflow-x: hidden;\n }\n \/*A partir de aqu\u00ed se comienzan a estilizar las tarjetas*\/\n .resumen, .solicitud{\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-md);\n  inline-size: 100%;\n  max-inline-size: 1000px;\n  background-color: var(--fondo-tarjeta);\n  border-radius: var(--borde-radio-lg);\n  padding: var(--relleno-md);\n  box-shadow: var(--sombra-contenedor);\n }\n .resumen__titulo, .solicitud__titulo{\n  border-block-end: 1px solid var(--color-texto);\n  color: var(--color-titulo);\n  font-size: var(--tamano-h2);\n  padding-bottom: var(--relleno-sm);\n }\n .resumen__texto, .solicitud__texto{\n  color: var(--color-texto);\n  font-size: var(--tamano-p);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-sm);\n }\n .resumen__texto p, .solicitud__texto p{\n  line-height: 1.5;\n  margin-block-end: 0.75rem;\n }\n .resumen__lista, .solicitud__lista{\n  list-style-type: disc;\n  padding-inline-start: 1.25rem;\n  margin-block: 0;\n }\n .resumen__item, .solicitud__item{\n  margin-block-end: 0.5rem;\n  line-height: 1.5;\n  color: var(--color-texto);\n }\n \/*Estilizaci\u00f3n del email y enlace de excel*\/\n .solicitud__email, .solicitud__enlace{\n  cursor: pointer;\n  text-decoration: underline;\n  color: var(--color-enlace);\n  font-size: var(--tamano-p);\n  padding: 0.1rem 0.3rem;\n  border-radius: var(--borde-radio-sm);\n  transition: background-color 0.2s ease, color 0.2s ease;\n }\n .solicitud__email:hover, .solicitud__enlace:hover{\n  text-decoration: none;\n  display: inline-block;\n  background-color: var(--color-titulo);\n  color: var(--fondo-tarjeta);\n }\n .solicitud__email:active, .solicitud__enlace:active{\n  background-color: var(--color-activado);\n  color: var(--fondo-tarjeta);\n  transform: scale(0.98);\n }\n \/*Estos cambios se aplicar\u00e1n si el tama\u00f1o de la pantalla aumenta*\/\n @media(min-width: 768px){\n  .resumen__texto, .solicitud__texto{\n    text-align: justify;\n  }\n  .contenido{\n    padding: var(--relleno-lg);\n  }\n  .resumen, .solicitud{\n    padding: var(--relleno-lg);\n  }\n }\n<\/style>\n<!--Contenido-->\n<main class=\"contenido\">\n  <!--Descripci\u00f3n de la comisi\u00f3n-->\n  <section class=\"resumen\" aria-labelledby=\"titulo-edutic\">\n    <header>\n      <h2 id=\"titulo-edutic\" class=\"resumen__titulo\">EDUTIC IFD 13 &#8211; NIVEL SUPERIOR<\/h2>\n    <\/header>\n    <div class=\"resumen__texto\">\n      <p>El proyecto de extensi\u00f3n \u201cEDUTIC IFD 13\u201d tiene como prop\u00f3sito fortalecer la alfabetizaci\u00f3n digital, la comunicaci\u00f3n institucional y la inclusi\u00f3n socioeducativa a trav\u00e9s del uso estrat\u00e9gico de las tecnolog\u00edas de la informaci\u00f3n y la comunicaci\u00f3n (TIC).<\/p>\n      <p>La propuesta se organiza en tres ejes centrales:<\/p>\n      <ul class=\"resumen__lista\">\n        <li class=\"resumen__item\">Creaci\u00f3n de aulas virtuales como espacio pedag\u00f3gico complementario para estudiantes y docentes de las distintas carreras del IFD N\u00b0 13.<\/li>\n        <li class=\"resumen__item\">Consolidaci\u00f3n de un espacio p\u00fablico de consulta con informaci\u00f3n precisa sobre oferta acad\u00e9mica, normativas, programas y proyectos de investigaci\u00f3n y extensi\u00f3n.<\/li>\n        <li class=\"resumen__item\">Implementaci\u00f3n de instancias de capacitaci\u00f3n en herramientas digitales para docentes de diversos niveles del sistema educativo, as\u00ed como talleres de alfabetizaci\u00f3n digital y acompa\u00f1amiento dirigidos a adultos mayores en articulaci\u00f3n con organizaciones locales (como el Club de Jubilados y Pensionados 20 de Septiembre).<\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n  <br>\n  <!--Solicitud de creaci\u00f3n de aulas-->\n  <section class=\"solicitud\" aria-labelledby=\"titulo-solicitud\">\n    <header>\n      <h2 id=\"titulo-solicitud\" class=\"solicitud__titulo\">Creaci\u00f3n de Aulas Virtuales y carga de Estudiantes<\/h2>\n    <\/header>\n    <div class=\"solicitud__texto\">\n      <p>Para solicitar la habilitaci\u00f3n de un aula virtual deber\u00e1 enviar un email a \n        <a class=\"solicitud__email\" href=\"mailto:comisiontic2025@gmail.com\">comisiontic2025@gmail.com<\/a>\n         con los siguientes datos:<\/p>\n      <ul class=\"solicitud__lista\">\n        <li class=\"solicitud__item\">\n          El nombre del Espacio Curricular junto con el a\u00f1o y la carrera a la que pertenece.\n        <\/li>\n        <li class=\"solicitud__item\">\n          Un archivo <a href=\"#\" class=\"solicitud__enlace\">Excel<\/a> con los datos de los destinatarios del aula \u00abdocentes y estudiantes\u00bb. \n          <br>Datos que se necessitan: DNI &#8211; Nombre &#8211; Apellido &#8211; Email.\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n  <!--Tutorial con Excel-->\n  <section>\n    \n  <\/section>\n<\/main>\n\n\n\n<style>\n  \/*Alineaci\u00f3n DE los \u00edconos SVG dentro del men\u00fa*\/\n  .menu-svg-icon {\n    vertical-align: middle;\n    margin-right: 0.4rem;\n    position: relative;\n    top: -1px;\n    display: inline-block;\n  }\n<\/style>\n<script>\n  window.addEventListener('DOMContentLoaded', function() {\n    const aplicarIconosDiferidos = () => {\n      \/\/ Definimos los SVGs limpios para cada opci\u00f3n del men\u00fa\n      const iconosSvg = {\n        \"inicio\": '<svg class=\"menu-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"\/><\/svg>',\n        \n        \/* \u00cdcono de edificio (Domain) para INSTITUCIONAL *\/\n        \"institucional\": '<svg class=\"menu-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 7V3H2v18h20V7H12zM2 19v-2h2v2H2zm0-4v-2h2v2H2zm0-4V9h2v2H2zm4 8V5h6v2h-2v2h2v2h-2v2h2v2H6zm14 0h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm-4 8v-2h2v2h-2zm0-4v-2h2v2h-2zm0-4V9h2v2h-2z\"\/><\/svg>',\n        \n        \/* \u00cdcono de birrete para DOCENTES *\/\n        \"docentes\": '<svg class=\"menu-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82M12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"\/><\/svg>',\n        \n        \"campus virtual\": '<svg class=\"menu-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"\/><\/svg>',\n        \n        \"estudiantes\": '<svg class=\"menu-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>',\n        \n        \"comisiones\": '<svg class=\"menu-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z\"\/><\/svg>'\n      };\n\n      \/\/ Buscamos todos los enlaces dentro del men\u00fa de navegaci\u00f3n de WordPress\n      const enlacesMenu = document.querySelectorAll('nav a, .wp-block-navigation-item__content');\n\n      enlacesMenu.forEach(enlace => {\n        const textoEnlace = enlace.textContent.trim().toLowerCase();\n        \n        \/\/ Verificamos si coincide con alguna de nuestras opciones y si ya no tiene el \u00edcono insertado\n        for (let clave in iconosSvg) {\n          if (textoEnlace.includes(clave) && !enlace.querySelector('.menu-svg-icon')) {\n            \/\/ Insertamos el SVG al principio del enlace (antes del texto)\n            enlace.insertAdjacentHTML('afterbegin', iconosSvg[clave] + ' ');\n          }\n        }\n      });\n    };\n\n    \/\/ Ejecutamos en segundo plano cuando el navegador est\u00e9 libre\n    if ('requestIdleCallback' in window) {\n      requestIdleCallback(aplicarIconosDiferidos);\n    } else {\n      setTimeout(aplicarIconosDiferidos, 50);\n    }\n  });\n<\/script>\n\n\n\n<style>\n  \/* Para forzar un fondo claro controlado y texto de alt\u00edsimo contraste en el pie *\/\n  footer.site-info, \n  .copyright-bar {\n    background-color: #f1f5f9 !important;\n    color: #0f172a !important;\n  }\n\n  \/* Para asegurar que todos los p\u00e1rrafos y textos internos hereden el contraste *\/\n  footer.site-info p, \n  .copyright-bar p, \n  footer.site-info span, \n  .copyright-bar span,\n  .copyright-bar div {\n    color: #0f172a !important;\n  }\n\n  \/* Forzar enlaces legibles y subrayados en el pie *\/\n  footer.site-info a, \n  .copyright-bar a, \n  a.video-tutoriales {\n    color: #1d4ed8 !important;\n    text-decoration: underline !important;\n  }\n\n  \/* Estado hover para los enlaces del pie *\/\n  footer.site-info a:hover, \n  .copyright-bar a:hover, \n  a.video-tutoriales:hover {\n    color: #bd0000 !important;\n  }\n<\/style>\n<script>\n  window.addEventListener('DOMContentLoaded', function() {\n    const aplicarMejorasPie = () => {\n      \/\/ 1. Logotipo del Ministerio de Capital Humano y Secretar\u00eda de Educaci\u00f3n\n      const logoMinisterio = document.querySelector('img[src*=\"logo_ministerio.png\"]');\n      if (logoMinisterio) {\n        logoMinisterio.setAttribute('loading', 'lazy');\n        logoMinisterio.setAttribute('alt', 'Logotipo oficial del Ministerio de Capital Humano y la Secretar\u00eda de Educaci\u00f3n');\n        logoMinisterio.setAttribute('width', '160');\n        logoMinisterio.setAttribute('height', '50');\n      }\n\n      \/\/ 2. Logotipo del INFoD\n      const logoInfod = document.querySelector('img[src*=\"logo_infod.png\"]');\n      if (logoInfod) {\n        logoInfod.setAttribute('loading', 'lazy');\n        logoInfod.setAttribute('alt', 'Logotipo oficial del Instituto Nacional de Formaci\u00f3n Docente (INFoD)');\n        logoInfod.setAttribute('width', '120');\n        logoInfod.setAttribute('height', '50');\n      }\n    };\n\n    if ('requestIdleCallback' in window) {\n      requestIdleCallback(aplicarMejorasPie);\n    } else {\n      setTimeout(aplicarMejorasPie, 50);\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>EDUTIC Optimizaci\u00f3n del sitio web institucional y promoci\u00f3n de la alfabetizaci\u00f3n tecnol\u00f3gica comunitaria para adultos mayores. EDUTIC IFD 13 &#8211; NIVEL SUPERIOR El proyecto de extensi\u00f3n \u201cEDUTIC IFD 13\u201d tiene como prop\u00f3sito fortalecer la alfabetizaci\u00f3n digital, la comunicaci\u00f3n institucional y la inclusi\u00f3n socioeducativa a trav\u00e9s del uso estrat\u00e9gico de las tecnolog\u00edas de la informaci\u00f3n y &#8230; <a title=\"EDUTIC\" class=\"read-more\" href=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/equipo-edutic\/\" aria-label=\"More on EDUTIC\">[+]<\/a><\/p>\n","protected":false},"author":1709,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4399"}],"collection":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/1709"}],"replies":[{"embeddable":true,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=4399"}],"version-history":[{"count":51,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4399\/revisions"}],"predecessor-version":[{"id":4503,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/4399\/revisions\/4503"}],"wp:attachment":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=4399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}