{"id":286,"date":"2016-10-31T13:17:59","date_gmt":"2016-10-31T16:17:59","guid":{"rendered":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/?page_id=286"},"modified":"2026-04-14T02:05:18","modified_gmt":"2026-04-14T05:05:18","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<style>\n  .header-institucional {\n    background-color: #003366;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 20px; \/* Reducido de 60px a 20px para quitar aire innecesario *\/\n    box-sizing: border-box;\n  }\n\n  .logo-img {\n    height: auto;\n    width: auto;\n    max-height: 400px; \n    max-width: 95%; \n    display: block;\n    transition: max-height 0.3s ease;\n  }\n\n  \/* Ajuste para pantallas muy peque\u00f1as (celulares) *\/\n  @media (max-width: 480px) {\n    .header-institucional {\n      padding: 10px 5px; \/* Margen m\u00ednimo en celulares *\/\n    }\n    .logo-img {\n      max-height: 180px; \n    }\n  }\n<\/style>\n\n<div class=\"header-institucional\">\n  <img decoding=\"async\" \n    src=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/08\/Logo-ifd.jpg\" \n    alt=\"Logo Institucional\" \n    class=\"logo-img\"\n  >\n<\/div>\n\n\n\n<style>\n  .seccion-acerca {\n    background: linear-gradient(180deg, #003366 0%, #2e7d32 100%);\n    \/* Reducido: el m\u00ednimo ahora es 20px y el m\u00e1ximo 40px para que no sea tan alto *\/\n    padding: clamp(20px, 4vh, 40px) 20px;\n    font-family: sans-serif;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .seccion-acerca h2 {\n    color: #ffffff !important;\n    text-align: center;\n    font-size: clamp(28px, 4vw + 10px, 52px);\n    font-weight: bold;\n    margin-bottom: 20px; \/* Reducido de 30px a 20px *\/\n    margin-top: 0;\n    width: 100%;\n  }\n\n  .contenedor-texto {\n    background-color: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 15px;\n    padding: clamp(20px, 5vw, 50px);\n    max-width: 1100px;\n    width: 90%;\n    color: #ffffff;\n    text-align: justify;\n  }\n\n  .contenedor-texto p {\n    font-size: clamp(16px, 1.5vw + 12px, 24px);\n    line-height: 1.6;\n    margin-bottom: 15px; \/* Reducido ligeramente para ahorrar espacio *\/\n  }\n\n  .contenedor-texto p:last-child {\n    margin-bottom: 0; \/* Quita el margen al \u00faltimo p\u00e1rrafo para que la caja cierre justo *\/\n  }\n\n  .link-resaltado {\n    color: #d4ac0d !important;\n    text-decoration: none !important;\n    font-weight: bold;\n  }\n\n  .link-resaltado:hover {\n    text-decoration: underline !important;\n  }\n<\/style>\n\n<div class=\"seccion-acerca\">\n  <h2>Acerca del Instituto<\/h2>\n  \n  <div class=\"contenedor-texto\">\n    <p>\n      Somos un Instituto de Formaci\u00f3n Docente que forma parte del Sistema de Educaci\u00f3n P\u00fablica de Gesti\u00f3n Estatal. \n      Estamos ubicado en el centro geogr\u00e1fico de la Provincia del Neuqu\u00e9n.\n    <\/p>\n    \n    <p>\n      Desde este sitio pretendemos comunicarnos, informar de nuestras acciones, hacernos conocer, compartir lo que vamos haciendo, \n      aprendiendo como comunidad educativa, asesorando y acompa\u00f1ando los procesos de nuestros estudiantes.\n    <\/p>\n    \n    <p>\n      Junto con varios cientos de Institutos, integramos la \n      <a href=\"https:\/\/red.infd.edu.ar\/que-es-la-red\/\" class=\"link-resaltado\" target=\"_blank\" rel=\"noopener\">\n        Red Virtual de Institutos Superiores de Formaci\u00f3n Docente\n      <\/a>\n    <\/p>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"custom-carousel-container\">\n  <div class=\"carousel-wrapper\">\n    <input type=\"radio\" name=\"carousel\" id=\"slide1\" checked>\n    <input type=\"radio\" name=\"carousel\" id=\"slide2\">\n    <input type=\"radio\" name=\"carousel\" id=\"slide3\">\n\n    <div class=\"carousel-slides\">\n      <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/03\/Info_ingresantes.jpg\" alt=\"Informaci\u00f3n para ingresantes\"><\/div>\n      <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/03\/Tutorial_inscripcion.jpg\" alt=\"Tutorial de inscripci\u00f3n\"><\/div>\n      <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/03\/Documentacion_presentar.jpg\" alt=\"Documentaci\u00f3n a presentar\"><\/div>\n    <\/div>\n\n    <div class=\"arrows arrow-1\"><label for=\"slide3\" class=\"prev\"><\/label><label for=\"slide2\" class=\"next\"><\/label><\/div>\n    <div class=\"arrows arrow-2\"><label for=\"slide1\" class=\"prev\"><\/label><label for=\"slide3\" class=\"next\"><\/label><\/div>\n    <div class=\"arrows arrow-3\"><label for=\"slide2\" class=\"prev\"><\/label><label for=\"slide1\" class=\"next\"><\/label><\/div>\n\n    <div class=\"carousel-nav\">\n      <label for=\"slide1\" class=\"nav-dot\"><\/label>\n      <label for=\"slide2\" class=\"nav-dot\"><\/label>\n      <label for=\"slide3\" class=\"nav-dot\"><\/label>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.custom-carousel-container {\n  \/* Mantenemos el degradado que une el verde anterior con el fondo blanco *\/\n  background: linear-gradient(180deg, #2e7d32 0%, #ffffff 100%);\n  padding: 15px; \/* Reducido de 40px a 15px para disminuir el margen vertical *\/\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.carousel-wrapper {\n  position: relative;\n  width: 100%;\n  max-width: 450px; \n  overflow: hidden;\n  border-radius: 12px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.2);\n  background-color: #fff;\n}\n\ninput[name=\"carousel\"] { display: none; }\n\n.carousel-slides {\n  display: flex;\n  width: 300%;\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.slide { width: 33.333%; }\n\n.slide img { \n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: contain; \n}\n\n\/* L\u00f3gica de los controles *\/\n#slide1:checked ~ .carousel-slides { transform: translateX(0%); }\n#slide2:checked ~ .carousel-slides { transform: translateX(-33.333%); }\n#slide3:checked ~ .carousel-slides { transform: translateX(-66.666%); }\n\n\/* Estilo de Flechas *\/\n.arrows {\n  position: absolute;\n  top: 50%;\n  width: 100%;\n  transform: translateY(-50%);\n  display: none;\n  justify-content: space-between;\n  padding: 0 10px;\n  box-sizing: border-box;\n  pointer-events: none;\n  z-index: 10;\n}\n\n.arrows label {\n  display: block;\n  width: 38px;\n  height: 38px;\n  background-color: rgba(54, 133, 81, 0.85);\n  border-radius: 50%;\n  cursor: pointer;\n  pointer-events: auto;\n  position: relative;\n  transition: transform 0.2s;\n}\n\n.arrows label:active { transform: scale(0.9); }\n\n.prev::after, .next::after {\n  content: '';\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 10px; height: 10px;\n  border-left: 3px solid white;\n  border-bottom: 3px solid white;\n}\n.prev::after { transform: translate(-30%, -50%) rotate(45deg); }\n.next::after { transform: translate(-70%, -50%) rotate(-135deg); }\n\n#slide1:checked ~ .arrow-1,\n#slide2:checked ~ .arrow-2,\n#slide3:checked ~ .arrow-3 { display: flex; }\n\n\/* Puntos inferiores *\/\n.carousel-nav {\n  position: absolute;\n  bottom: 15px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 10px;\n  z-index: 10;\n}\n\n.nav-dot {\n  width: 12px;\n  height: 12px;\n  background: rgba(0,0,0,0.2);\n  border-radius: 50%;\n  cursor: pointer;\n  border: 1px solid rgba(255,255,255,0.5);\n}\n\n#slide1:checked ~ .carousel-nav label[for=\"slide1\"],\n#slide2:checked ~ .carousel-nav label[for=\"slide2\"],\n#slide3:checked ~ .carousel-nav label[for=\"slide3\"] {\n  background: #368551;\n}\n\n\/* Adaptabilidad para m\u00f3viles *\/\n@media (max-width: 480px) {\n  .carousel-wrapper {\n    max-width: 95%; \n  }\n}\n<\/style>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/open.spotify.com\/show\/1oq9UlFRFfn74mWnegBpqr\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2018\/11\/LOGO_1.jpg\" alt=\"\" class=\"wp-image-1473\" width=\"410\" height=\"214\" srcset=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2018\/11\/LOGO_1.jpg 841w, https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-content\/uploads\/2018\/11\/LOGO_1-768x400.jpg 768w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/a><\/figure><\/div>\n\n\n<style>\n  .seccion-radio {\n    \/* Reducido de 50px a 15px para minimizar el espacio vertical *\/\n    padding: 15px 20px;\n    text-align: center;\n    font-family: sans-serif;\n    color: #333333;\n  }\n\n  .texto-radio {\n    font-size: clamp(18px, 2vw + 12px, 28px);\n    font-weight: bold;\n    line-height: 1.5; \/* Ajustado de 1.8 a 1.5 para mayor compacidad *\/\n    margin: 0; \/* Elimina m\u00e1rgenes por defecto del navegador *\/\n  }\n\n  .link-radio {\n    color: #0056b3 !important;\n    text-decoration: none;\n  }\n\n  .link-radio:hover {\n    text-decoration: underline;\n  }\n<\/style>\n\n<div class=\"seccion-radio\">\n  <p class=\"texto-radio\">\n    Para escucharnos sintoniza el 88.9 en tu radio,<br>\n    o haciendo clic <a href=\"https:\/\/elzorzalzapala.radiostream321.com\/\" class=\"link-radio\" target=\"_blank\" rel=\"noopener\">aqu\u00ed<\/a>\n  <\/p>\n  <p class=\"texto-radio\" style=\"margin-top: 10px;\">\n    <a href=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/bitacora-sonora\/\" class=\"link-radio\">Te invitamos a escuchar nuestra Bit\u00e1cora Sonora<\/a>\n  <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Acerca del Instituto Somos un Instituto de Formaci\u00f3n Docente que forma parte del Sistema de Educaci\u00f3n P\u00fablica de Gesti\u00f3n Estatal. Estamos ubicado en el centro geogr\u00e1fico de la Provincia del Neuqu\u00e9n. Desde este sitio pretendemos comunicarnos, informar de nuestras acciones, hacernos conocer, compartir lo que vamos haciendo, aprendiendo como comunidad educativa, asesorando y acompa\u00f1ando los &#8230; <a title=\"Inicio\" class=\"read-more\" href=\"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/\" aria-label=\"More on Inicio\">[+]<\/a><\/p>\n","protected":false},"author":1,"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\/286"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":278,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":4002,"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions\/4002"}],"wp:attachment":[{"href":"https:\/\/ifd13-nqn.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}