{"id":286,"date":"2016-10-31T13:17:59","date_gmt":"2016-10-31T16:17:59","guid":{"rendered":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/?page_id=286"},"modified":"2026-10-26T09:53:54","modified_gmt":"2026-10-26T12:53:54","slug":"inicio","status":"publish","type":"page","link":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n<\/head>\n<body>\n    <main>\n        <div id=\"loader\">\n            <h2>Cargando, Por favor Espere&#8230;<\/h2>\n            <div class=\"spinner\"><\/div>\n          <\/div>\n        \n          <!-- Contenido principal oculto inicialmente -->\n          <div id=\"content\" style=\"display: none;\">\n            <h1>Bienvenido a mi sitio<\/h1>\n            <p>Este es el contenido principal de la p\u00e1gina.<\/p>\n          <\/div>\n          <style>\n#loader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #158880;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n}\n\n.spinner {\n  margin-top: 20px;\n  width: 50px;\n  height: 50px;\n  border: 5px solid white;\n  border-top: 5px solid transparent;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n<\/style>\n<script>\n    window.addEventListener(\"load\", () => {\n  setTimeout(() => {\n    document.getElementById(\"loader\").style.display = \"none\";\n    document.getElementById(\"content\").style.display = \"block\";\n  }, 50);\n});\n<\/script>\n    <\/main>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jura:wght@300..700&#038;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jura:wght@300..700&#038;family=Protest+Riot&#038;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&#038;icon_names=menu\" \/>\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.css\"\/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick-theme.css\"\/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/gsap.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/ScrollTrigger.min.js\"><\/script>\n    <meta name=\"author\" content=\"Ferr\u00edn Chierichini, Juan Carlos\" \/>\n    <title>ISFD N\u00b082 \u00abCarlos Fuentealba\u00bb<\/title>\n<\/head>\n<script>\n      function abrirModal() {\n        document.getElementById(\"emergente\").style.display = \"block\";\n        document.getElementById(\"cubierta\").style.display = \"block\";\n    }\n\n    function cerrarModal() {\n        document.getElementById(\"emergente\").style.display = \"none\";\n        document.getElementById(\"cubierta\").style.display = \"none\";\n    }\n\n    window.onload = function() {\n        abrirModal();\n    };\n<\/script>\n<div id=\"emergente\" >\n    <button onclick=\"cerrarModal()\">X<\/button>\n    <div id=\"emergente_cuerpo\">\n      <picture id=\"logo-ventana\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1l6Lqt_twsUoNE9ALBjI6q54R-Q88O80M\" alt=\"logo\"><\/picture>\n      <p id=\"titulo_noticia\" style=\"font-size: 1.6rem; color:red;\">&#x1f4e2; \u00a1INGRESO 2027! &#x1f393;<\/p>\n      <p style=\"font-size: 1rem;\">&#x2728; Ya se encuentra disponible la solapa INGRESO 2027 en el men\u00fa principal de nuestra p\u00e1gina web.<br><br>&#x1f4da; All\u00ed podr\u00e1n encontrar toda la informaci\u00f3n necesaria para ver nuestra oferta acad\u00e9mica e iniciar el proceso de preinscripci\u00f3n a las carreras correspondientes al ciclo lectivo 2027.<br><br>&#x1f4cc; Nuestra secci\u00f3n de INGRESO 2027 se ir\u00e1 actualizando a medida que avance el proceso de inscripci\u00f3n, incorporando toda la informaci\u00f3n y las novedades correspondientes.<br><br><\/p>\n<p style=\"font-size: 1.3rem;\">&#x1f393; \u00a1Lxs esperamos!<\/p>\n    <\/div>\n<\/div>\n\n<!-- Fondo difuminado detr\u00e1s del modal (lo usan abrirModal\/cerrarModal) -->\n<div id=\"cubierta\"><\/div>\n\n<div id=\"scrollProgress\"><\/div>\n\n<div class=\"cubierta\">\n<section class=\"Carrusel_cont\">\n  <div class=\"carrusel\">\n    <div>\n      <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/10kTUC0S7NGPRFjYgD-QSU8a6FmlmSlQQ\" alt=\"Img 01\">\n      <h2 class=\"carrusel_titulo\">Estudiantes 82 en Defensa de la Educaci\u00f3n P\u00fablica<\/h2>\n    <\/div>\n    <div>\n      <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1SqTRr2PcdtbEAG7GqLGwbt_L2VA2IXEX\" alt=\"Img 02\">\n      <h2 class=\"carrusel_titulo\">Promoci\u00f3n de las carreras<\/h2>\n    <\/div>\n    <div>\n      <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1_imdrXmHq4mIAHZZR3dWprETuMCq8xmc\" alt=\"Img 03\">\n      <h2 class=\"carrusel_titulo\">Charla sobre la \u00abHistoria no oficial\u00bb por el Prof. Valko<\/h2>\n    <\/div>\n    <div>\n      <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1_gbSu54imUrPyuqx77oR5uvwb0iIHQlm\" alt=\"Img 04\">\n      <h2 class=\"carrusel_titulo\">Semana de la E.S.I.<\/h2>\n    <\/div>\n    <div>\n      <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/17dRJErvIsHpPBjKORvK-bDdymuA8O4H3\" alt=\"Img 05\">\n      <h2 class=\"carrusel_titulo\">Leer en Comunidad<\/h2>\n    <\/div>\n  <\/div>\n  <div class=\"controles\">\n    <span class=\"btn-flecha\" id=\"prev\">\u27e8<\/span>\n    <span class=\"btn-flecha\" id=\"next\">\u27e9<\/span>\n  <\/div>\n<\/section>\n<script>\n$(document).ready(function(){\n  $(\".carrusel\").slick({\n    dots: false,\n    infinite: true,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    arrows: false,\n    autoplay: true,\n    autoplaySpeed: 4000,\n    fade: true,\n    speed: 800\n  });\n\n  \/\/ flechas personalizadas\n  $(\"#prev\").click(function(){ $(\".carrusel\").slick(\"slickPrev\"); });\n  $(\"#next\").click(function(){ $(\".carrusel\").slick(\"slickNext\"); });\n});\n<\/script>\n         <br>\n         <br>\n         <br>\n       <div class=\"fondo-carrera\">\n        <h2 id=\"titulo-oferta\">NUESTRA OFERTA ACAD\u00c9MICA&#8230;<\/h2>\n        <h3 id=\"titulo-opcion\">DISPONIBILIDAD DE TURNOS<\/h3>\n\n<div class=\"filtros\">\n  <label class=\"opcion primera\">\n    <input type=\"radio\" name=\"seccion\" onclick=\"mostrar('todos')\" checked>\n    TODOS\n  <\/label>\n  <label class=\"opcion\">\n    <input type=\"radio\" name=\"seccion\" onclick=\"mostrar('ma\u00f1ana')\">\n    MA\u00d1ANA\n  <\/label>\n  <label class=\"opcion\">\n    <input type=\"radio\" name=\"seccion\" onclick=\"mostrar('tarde')\">\n    TARDE\n  <\/label>\n  <label class=\"opcion ultima\">\n    <input type=\"radio\" name=\"seccion\" onclick=\"mostrar('noche')\">\n    NOCHE\n  <\/label>\n<\/div>\n        <div class=\"oferta\">\n        <section class=\"carreras\">\n          <article class=\"tarj_carrera noche\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/cs-pol\u00edtica?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n            <div class=\"dise\u00f1o\"><\/div>\n            <picture class=\"cont_img\">\n              <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1e--aTWojssxyyqTAIHtjLWWEWDhRI0SP\" alt=\"Imagen de ciencia pol\u00edtica\" class=\"tarj_img\">\n            <\/picture>\n            <h2 class=\"tarj_titulo\">PROFESORADO EN CIENCIA POL\u00cdTICA<\/h2>\n        <\/article>\n\n        <article class=\"tarj_carrera noche\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/econom\u00eda?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n              <picture class=\"cont_img\">\n              <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1tMcCcoR38xqlLSZ-GkVZEzHQyjSqnrj6\" alt=\"Imagen de econom\u00eda\" class=\"tarj_img\">\n              <\/picture>\n              <h2 class=\"tarj_titulo\">PROFESORADO EN ECONOM\u00cdA<\/h2>\n        <\/article>\n\n        <article class=\"tarj_carrera noche\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/filosof\u00eda?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n            <picture class=\"cont_img\">\n            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1QHE_XOsuL0Me-4IxOZ2YP7Cm5tRyqbWW\" alt=\"Imagen de filosof\u00eda\" class=\"tarj_img\">\n            <\/picture>\n            <h2 class=\"tarj_titulo\">PROFESORADO EN FILOSOF\u00cdA<\/h2>\n        <\/article>\n        <article class=\"tarj_carrera ma\u00f1ana noche\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/geograf\u00eda?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n            <picture class=\"cont_img\">\n            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1uXm4f5jY9HrO1TS16D8xGErTgYP8ACNO\" alt=\"Imagen de geograf\u00eda\" class=\"tarj_img\">\n            <\/picture>\n            <h2 class=\"tarj_titulo\">PROFESORADO EN GEOGRAF\u00cdA<\/h2>\n        <\/article>\n\n        <article class=\"tarj_carrera tarde noche\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/historia?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n              <picture class=\"cont_img\">\n              <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ii8HHdq4go4wn52fd9zi0U73qZuMxWHu\" alt=\"Imagen de historia\" class=\"tarj_img\">\n              <\/picture>\n              <h2 class=\"tarj_titulo\">PROFESORADO EN HISTORIA<\/h2>\n        <\/article>\n\n              <article class=\"tarj_carrera tarde\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/lengua?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n            <picture class=\"cont_img\">\n            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1prDe9XpmDi7A2q4FPVjCon6qOpl2Gjkj\" alt=\"Imagen de lengua\" class=\"tarj_img\">\n            <\/picture>\n            <h2 style=\"font-size: 1.4rem;\" class=\"tarj_titulo\">PROFESORADO EN LENGUA y LITERATURA<\/h2>\n        <\/article>\n\n        <article class=\"tarj_carrera ma\u00f1ana noche\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/psicolog\u00eda?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n              <picture class=\"cont_img\">\n              <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/19dbvUjHXjNsrzbvTliQKaTTl4Bb8n6FB\" alt=\"Imagen de psicolog\u00eda\" class=\"tarj_img\">\n              <\/picture>\n              <h2 class=\"tarj_titulo\">PROFESORADO EN PSICOLOG\u00cdA<\/h2>\n        <\/article>\n\n        <article class=\"tarj_carrera ma\u00f1ana tarde\" onclick=\"window.open('https:\/\/sites.google.com\/view\/isfd82-oferta-academica\/oferta-academica\/tramo?authuser=7', '_blank');\" style=\"cursor:pointer;\">\n              <picture class=\"cont_img\">\n              <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1IPLA8bEOeCZBGzIZb3TWf0gXBF05Jtfu\" alt=\"Imagen de tramo pedag\u00f3gico\" class=\"tarj_img\">\n              <h2 style=\"font-size: 1.4rem;\" class=\"tarj_titulo\">TRAMO DE FORMACI\u00d3N PEDAG\u00d3GICO<\/h2>\n              <\/picture>\n        <\/article>\n          <\/div>\n          <\/div>\n        <\/section>\n          <h2 id=\"novedades_tit\">CARTELERA 82<\/h2>\n  <section class=\"novedades\">\n    <article class=\"tarj_novedades\">\n      <div class=\"nov_titulo\">\n        <p>CHARLAS INFORMATIVAS 2027<\/p>\n      <\/div>\n       <div class=\"nov_cuerpo\">\n        <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1aFvulnz_AzpJ-dUKeO9bjvnb5thsHxuE\" alt=\"Flayer\">\n      <\/div>\n      <div class=\"nov_pie\">\n        <p><\/p>\n      <\/div>\n    <\/article>\n    <article class=\"tarj_novedades\">\n      <div class=\"nov_titulo\">\n        <p>HOMENAJEAMOS AL MAESTRO CARLOS FUENTEALBA<\/p>\n      <\/div>\n       <div class=\"nov_cuerpo\">\n        <p>El 4 de abril del 2007 el maestro Carlos Fuentealba se encontraba manifestando junto a sus compa\u00f1eros y compa\u00f1eras en una ruta neuquina, exigiendo al gobierno provincial mejoras salariales y en las condiciones  de trabajo, reivindicaciones hist\u00f3ricas del colectivo docente.<br><br>\n        Un cartucho de gas lacrim\u00f3geno disparado por el cabo primero Jos\u00e9 Dar\u00edo Poblete termin\u00f3 con su vida. Poblete fue condenado a prisi\u00f3n perpetua, no as\u00ed los responsables pol\u00edticos de esa represi\u00f3n.<br><br>\n        A 19 a\u00f1os de su asesinato, homenajeamos a Carlos Fuentealba, recuperamos su militancia y su tarea de maestro, y redoblamos nuestro compromiso como educadores y educadoras con una formaci\u00f3n docente cr\u00edtica y comprometida con la realidad y las luchas de su pueblo, que sea la llave para la construcci\u00f3n de nuevas subjetividades que cimenten una sociedad m\u00e1s justa y solidaria.<br>                         \n        Que este aniversario nos encuentre recuperando su figura en las aulas junto a nuestros\/as estudiantes.<br><br>\n        Carlos Fuentealba\u2026.. Presente!!!<br>\n        Ahora y siempre!!!<\/p>\n    <\/div>\n      <div class=\"nov_pie\">\n        <p><\/p>\n      <\/div>\n    <\/article>\n        <article class=\"tarj_novedades\">\n      <div class=\"nov_titulo\">\n        <p>24 DE MARZO: D\u00cdA NACIONAL DE LA MEMOR\u00cdA, POR LA VERDAD y LA JUSTICIA<\/p>\n      <\/div>\n       <div class=\"nov_cuerpo\">\n        <p>24\/3\/26 a 50 a\u00f1os del Golpe C\u00edvico Militar digamos NUNCA M\u00c1S!<br><br>\nSigamos fortaleciendo la Memoria y defendiendo la Democracia en cada acto de ense\u00f1anza. Formemos en DDHH y pedagog\u00eda de la memoria para construir una comunidad m\u00e1s igualitaria y justa&#8230;<\/p>\n      <\/div>\n      <div class=\"nov_pie\">\n        <p><\/p>\n      <\/div>\n    <\/article>\n\n  <\/section>\n          <h2 class=\"titulo-ejes\" id=\"titulo-ejes\">NUESTRO EJES INSTITUCIONALES&#8230;<\/h2>\n             <section class=\"cont-ejes\">\n               <article class=\"card-ejes\">\n                  <picture><a href=\"https:\/\/sites.google.com\/view\/isfd82-ejes-institucionales\/e-a-i?authuser=1\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1LocnEEc9uHKXCYrWlTlYLNEMLJBtJFdP\" alt=\"Imagen de la Educaci\u00f3n Ambiental Integral\"><\/a><\/picture>\n                  <p>EDUCACI\u00d3N AMBIENTAL INTEGRAL<\/p>\n               <\/article>\n               <article class=\"card-ejes\">\n                 <picture><a href=\"https:\/\/sites.google.com\/view\/isfd82-ejes-institucionales\/e-s-i\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1OK4DZj6VZ4ThT2wvV3g871m5ywakfeWH\" alt=\"Imagen de la Educaci\u00f3n Sexual Integral\"><\/a><\/picture>\n                 <p>EDUCACI\u00d3N SEXUAL INTEGRAL<\/p>\n               <\/article>\n               <article class=\"card-ejes\">\n                 <picture><a href=\"https:\/\/sites.google.com\/view\/isfd82-ejes-institucionales\/peda?authuser=0\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/17Gg77TgL7TbCHU3la2FvwXGaAyfLvQaZ\" alt=\"Imagen de la Pedagog\u00eda de la Memoria\"><\/a><\/picture>\n                 <p>PEDAGOG\u00cdA DE LA MEMORIA<\/p>\n               <\/article>\n               <article class=\"card-ejes\">\n                 <picture><a href=\"https:\/\/sites.google.com\/view\/isfd82-ejes-institucionales\/proyectos?authuser=0\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1xfRee5U5Z84YOuoJ3wlb2nbVuqG4G8QD\" alt=\"Imagen de la Educaci\u00f3n Ambiental Integral\"><\/a><\/picture>\n                 <p>PROYECTOS INSTITUCIONALES<\/p>\n              <\/article>\n        <\/section>\n        <section class=\"contactos\">\n             <div id=\"fondo-contacto\">\n              <h3 id=\"titulo-sede\">NUESTRAS SEDES SE ENCUENTRAN EN&#8230;<\/h3>\n              <div class=\"sedes\">\n                <article class=\"sede-rosas\" onclick=\"window.open('https:\/\/www.google.com\/maps\/place\/Av.+Brig.+Gral.+Juan+Manuel+de+Rosas+5795,+P1765+Isidro+Casanova,+Provincia+de+Buenos+Aires\/@-34.6958012,-58.5787326,17z\/data=!3m1!4b1!4m6!3m5!1s0x95bcc614decc2051:0xf36df0c2f2601c31!8m2!3d-34.6958056!4d-58.5761577!16s%2Fg%2F11s_vkhh07?authuser=0&#038;entry=ttu&#038;g_ep=EgoyMDI2MDkzMC4wIKXMDSoASAFQAw%3D%3D', '_blank');\" style=\"cursor:pointer;\">\n                    <p class=\"sede-titulo\">SEDE JUAN MANUEL DE ROSAS<\/p>\n                    <P class=\"sede-pie\">&#x1f4cd;UBICACI\u00d3N: Av. Brig. Juan Manuel de Rosas 5795<\/P>\n                    <p>HORARIOS DE ATENCI\u00d3N<\/p>\n                      <p>Lunes a Viernes de 08:00 a 22:00 hs<\/p>\n                <\/article>\n                <article class=\"sede-centenario\" onclick=\"window.open('https:\/\/www.google.com\/maps\/place\/Escuela+tecnica+n%C2%BA6\/@-34.6943331,-58.575695,18z\/data=!4m15!1m8!3m7!1s0x95bcc614decc2051:0xf36df0c2f2601c31!2sAv.+Brig.+Gral.+Juan+Manuel+de+Rosas+5795,+P1765+Isidro+Casanova,+Provincia+de+Buenos+Aires!3b1!8m2!3d-34.6958056!4d-58.5761577!16s%2Fg%2F11s_vkhh07!3m5!1s0x95bcc6151b90a33f:0x4f6ccca5b2d439a0!8m2!3d-34.6950366!4d-58.5753429!16s%2Fg%2F11bz0k_06g?authuser=0&#038;entry=ttu&#038;g_ep=EgoyMDI2MDkzMC4wIKXMDSoASAFQAw%3D%3D', '_blank');\" style=\"cursor:pointer;\">\n                    <p class=\"sede-titulo\">SUB-SEDE DE CENTENARIO<\/p>\n                    <P class=\"sede-pie\">&#x1f4cd;UBICACI\u00d3N: Av. Brig. Juan Manuel de Rosas y Centenario<\/P>\n                    <p>HORARIOS DE ATENCI\u00d3N<\/p>\n                    <p>Lunes a Viernes de 18:00 a 22:00 hs<\/p>\n                <\/article>\n              <\/div>\n              <h3 id=\"titulo-comunicaciones\">POD\u00c9S CONTACTARNOS A TRAV\u00c9S DE&#8230;<\/h3>\n              <div class=\"comunicaciones\">\n                <article class=\"comunicacion\" onclick=\"window.open('https:\/\/www.instagram.com\/isfdn82', '_blank');\" style=\"cursor:pointer;\">\n                  <i class=\"bi bi-instagram\" id=\"insta\"><\/i>\n                  <p>INSTAGRAM<\/p>\n                <\/article>\n               <article class=\"comunicacion\" onclick=\"window.open('https:\/\/www.facebook.com\/profile.php?id=61594863216538', '_blank');\" style=\"cursor:pointer;\">\n                  <i class=\"bi bi-facebook\"><\/i>\n                  <p>FACEBOOK<\/p>\n                <\/article>\n                <article class=\"comunicacion\">\n                    <i class=\"bi bi-telephone\" id=\"tel\"><\/i>\n                    <p>2003-2940<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n        <div id=\"fondo-sitios\">\n            <h2 id=\"titulo-sitios\">SITIOS QUE DEBERIAS VISITAR&#8230;<\/h2>\n            <section class=\"sitios\">\n                <article id=\"card-infod\">\n                    <h3>RED DEL INFOD<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/13i6O8tMG-1U23TyUuNaZr-mKHoUc_IAS\" alt=\"Logo deL INFOD\"><\/picture>\n                    <p>La Red Nacional Virtual de Institutos Superiores de Formaci\u00f3n Docente conecta entre s\u00ed a todos los ISFD del pa\u00eds. Est\u00e1 constituida por los nodos virtuales que administra cada uno de los Institutos, y varios nodos centrales administrados por los equipos del INFD.<p>\n                    <button><a href=\"https:\/\/red.infd.edu.ar\/\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-abc\">\n                     <h3>PORTAL ABC<\/h3>\n                     <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/14DEuuXyZopOUQ1hjSvr53BSQzgqvRztD\"  alt=\"Logo del ABC\"><\/picture>\n                     <p> Una plataforma creada para mejorar los procesos institucionales y reforzar el acompa\u00f1amiento pedag\u00f3gico de las y los estudiantes, destinada a equipos de Supervisi\u00f3n y Conducci\u00f3n Institucional.\n                     <\/p>\n                     <button><a href=\"https:\/\/abc.gob.ar\/\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-sad2\">\n                    <h3>SAD 2 MATANZA<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1RL8dNVjSLyfBeq6kkswWXQD0HZzfWBuV\" alt=\"Logo del ABC\"><\/picture>\n                    <p>La p\u00e1gina de la Secretar\u00eda de Asuntos Docentes 2 (SAD) de La Matanza es la p\u00e1gina donde se realizan tr\u00e1mites docentes, como la inscripci\u00f3n a concursos y pruebas de selecci\u00f3n. La SAD 2 tambien se encarga de garantizar los derechos de los docentes, para que puedan cumplir con las acciones estatutarias que impactan en el funcionamiento de las instituciones educativas.\n                    <\/p>\n                    <button><a href=\"https:\/\/www.sadmatanza.com\/secretaria2\/indexs2.html\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-cooperadora\">\n                    <h3>COOPERADORA 82<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1kRQiCdaWSZs4Ax9RHwyXAXd3fjC3GHem\" alt=\"Logo de la Cooperadora\"><\/picture>\n                    <p>La Direcci\u00f3n de Cooperaci\u00f3n Escolar es el organismo encargado de incentivar y construir el pensamiento cooperador como valor de trabajo organizado y solidario en la comunidad educativa, haciendo respetar la normativa y reglamentaciones para el reconocimiento oficial y el normal desarrollo de las Asociaciones.\n                    <\/p>\n                    <button><a href=\"https:\/\/www.instagram.com\/cooperadora.isfd82\/reels\/\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-cipes\">\n                    <h3>CIPEs 82<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1MUZpYjPdbYtehbhcAq4vkcrajcIMu61Z\" alt=\"Logo de los CIPEs\"><\/picture>\n                    <p>Los Coordinadores Institucionales de Pol\u00edticas Estudiantiles (CIPEs) impulsan el fortalecimiento de las trayectorias estudiantiles, fomentando la participaci\u00f3n y el di\u00e1logo en las instituciones. Son clave para promover una formaci\u00f3n docente democr\u00e1tica, esencial para el sistema educativo.\n                    <\/p>\n                    <button><a href=\"https:\/\/www.instagram.com\/cipes82\/\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-cai\">\n                    <h3>C.A.I.<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/12MDXgAbLkm7YAFkGyUIbcsx67sO3ks0f\" alt=\"Logo del C.A.I.\"><\/picture>\n                    <p>El Consejo Academico Institucional (CAI) es un organismo en el que los diferentes claustros (docente, no docente y estudiantil) tienen participaci\u00f3n efectiva para mejorar el funcionamiento acad\u00e9mico de nuestro Instituto.  (Resoluci\u00f3n 4044\/09)\n                    <\/p>\n                    <button><a href=\"https:\/\/sites.google.com\/view\/isfd-82-cai\/inicio?authuser=7\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-youtube\">\n                    <h3>CANAL de YOUTUBE<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1YXn7l2HaVLuask-7OSW60UpjkENjzzJ3\" alt=\"Logo de los YouTube\"><\/picture>\n                    <p>Nuestro canal de YouTube cuenta con un repositorio mas que amplio de todas las variadas actividades que han sido grabadas en nuestra instituci\u00f3n y puesta a disposici\u00f3n de cualquiera que desee verlas.\n                    <\/p>\n                    <button><a href=\"https:\/\/www.youtube.com\/@isfd82carlosfuentealbalama23\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n                <\/article>\n                <article id=\"card-ce\">\n                    <h3>CENTRO DE ESTUDIANTES 82<\/h3>\n                    <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/17uTWBaJUm4fiuidXFvKecYUm9J1rT6Jc\" alt=\"Logo de C.E.\"><\/picture>\n                    <p>El Centro de Estudiantes es el \u00f3rgano de participaci\u00f3n, discusi\u00f3n y organizaci\u00f3n de los estudiantes de un mismo establecimiento educativo para la defensa y protecci\u00f3n de sus derechos. Habr\u00e1 un \u00fanico Centro de Estudiantes por escuela.<\/p>\n                    <button><a href=\"https:\/\/www.facebook.com\/estudiante.isfd\/?locale=es_LA\" target=\"_blank\" rel=\"noopener\">IR AL SITIO WEB<\/a><\/button>\n              <\/article>\n            <\/section>\n            <\/div> \n        <h2 class=\"titulo-normativa\" id=\"titulo-normativa\">NORMATIVAS QUE DEBERIAS CONOCER&#8230;<\/h2>\n        <section class=\"cont-normativas\">\n          <article class=\"card-normativa\" onclick=\"window.open('https:\/\/drive.google.com\/uc?export=download&#038;id=1j7dfWJ5EVuoXCy0h-_2ki7eG_-FHcwIc', '_blank');\" style=\"cursor:pointer;\">\n            <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ScTg75fBtkC7pmj3J3wusmFn08RbWE_9\" alt=\"imagen\"><\/picture>\n            <p>Resol. N\u00b04044\/09<br>Marco Normativo<br>del CAI<\/p>\n          <\/article>\n          <article class=\"card-normativa\"  onclick=\"window.open('https:\/\/drive.google.com\/uc?export=download&#038;id=1TFgcJo2fBcKOaUzq0XCV8qgWqu71V0Zs', '_blank');\" style=\"cursor:pointer;\">\n            <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ScTg75fBtkC7pmj3J3wusmFn08RbWE_9\" alt=\"imagen\"><\/picture>\n            <p>Resol. N\u00b02383<br>Reglamento de<br>Institutos<br>Superiores<\/p>\n          <\/article>\n          <article class=\"card-normativa\" onclick=\"window.open('https:\/\/drive.google.com\/uc?export=download&#038;id=1ybUMTdHu0bf4M8NSDDVAvmne_qoRObMb', '_blank');\" style=\"cursor:pointer;\">\n            <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ScTg75fBtkC7pmj3J3wusmFn08RbWE_9\" alt=\"imagen\"><\/picture>\n            <p>Resol. N\u00b03121<br>Ayudante De<br>Catedra<\/p>\n          <\/article>\n          <article class=\"card-normativa\" onclick=\"window.open('https:\/\/drive.google.com\/uc?export=download&#038;id=12bLCja7vTQ7lIxqnI0lv7i3iGiP-X96C', '_blank');\" style=\"cursor:pointer;\">\n            <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ScTg75fBtkC7pmj3J3wusmFn08RbWE_9\" alt=\"imagen\"><\/picture>\n            <p>Resol. N\u00b04900\/05<br>Centro de<br>Estudiantes<\/p>\n          <\/article>\n          <article class=\"card-normativa\" onclick=\"window.open('https:\/\/drive.google.com\/file\/d\/1CXxbTeDQUgmL0bIWb8DI1yrxN_CH-ZO_\/view?usp=sharing', '_blank');\" style=\"cursor:pointer;\">\n            <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ScTg75fBtkC7pmj3J3wusmFn08RbWE_9\" alt=\"imagen\"><\/picture>\n            <p>Resol N\u00b02025\/6179<br>Cobertura de<br>Catedras<br>2026<\/p>\n          <\/article>\n          <article class=\"card-normativa\" onclick=\"window.open('https:\/\/drive.google.com\/drive\/folders\/19KCIEDC5ltywQpzcDEloGNZ0k9K7GKMx', '_blank');\" style=\"cursor:pointer;\">\n            <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ScTg75fBtkC7pmj3J3wusmFn08RbWE_9\" alt=\"imagen\"><\/picture>\n            <p><br>R.A.M. 2024<\/p>\n          <\/article>\n        <\/section>        \n        <div id=\"fondo-autoridades\">\n        <h2 class=\"titulo-equipo\" id=\"titulo-equipo\">NUESTRAS AUTORIDADES&#8230;<\/h2>\n        <section id=\"cont-autoridades\">\n            <article class=\"card-equipo\">\n                <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1jyNABeMeuF6KvqF3kAs3i7Koly59qAoT\" alt=\"Foto del Director\" id=\"Fot-Dire\"><\/picture>\n                <p class=\"auto-cargo\">DIRECTOR<\/p>\n                <p class=\"autoridad-nom\">SABBATINI Cristian<\/p>\n            <\/article>\n            <article class=\"card-equipo\">\n                <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1pPjLAhmYkYUqYcSXOqTU4M8Y0WapKa86\" alt=\"Foto de la Vicedirectora\" id=\"Fot-Vice\"><\/picture>\n                <p class=\"auto-cargo\">VICEDIRECTORA<\/p>\n                 <p class=\"autoridad-nom\">LUCENTE Mariela<\/p>\n            <\/article>\n            <article class=\"card-equipo\">\n                <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1u3JpGmv9ih7GBjJBuARIhjCtdc1ws2vv\" alt=\"Foto del Jefe de \u00c1rea Ninni Cristian\" id=\"Fot-Jefe-Ninni\"><\/picture>\n                <p class=\"auto-cargo\">REGENTE<\/p>\n                <p class=\"autoridad-nom\">NINNI Cristian<\/p>\n            <\/article>  \n            <article class=\"card-equipo\">\n                <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1ZLKW9Zy-VPA077uJe_zYjGnlO1G8gL12\" alt=\"Foto de la Regente Garcia Victoria\" id=\"Fot-Reg-Garcia\"><\/picture>\n                <p class=\"auto-cargo\">REGENTA<\/p>\n                <p class=\"autoridad-nom\">GARCIA Victoria<\/p>\n            <\/article>\n            <article class=\"card-equipo\">\n                <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/15SxDw_RmHk9DUgRwbKy5hDxkXGXYx9UA\" alt=\"Foto de la Secretaria Almiron Patricia\" id=\"Fot-Secre\"><\/picture>\n                <p class=\"auto-cargo\">SECRETARIA<\/p>\n                <p class=\"autoridad-nom\">ALMIRON Patricia<\/p>\n            <\/article>\n            <article class=\"card-equipo\">\n                <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1atBrGtEAzcST4ZuEkMFXHB-m8t54sPGl\" alt=\"Foto del Jefe de \u00c1rea Marcote Ignacio\" id=\"Fot-Jefe-Marcote\"><\/picture>\n                <p class=\"auto-cargo\">JEFE DE \u00c1REA DE FILOSOF\u00cdA<br>CS POL\u00cdTICA<br>ECONOM\u00cdA<\/p>\n                <p class=\"autoridad-nom\" id=\"marcote\">MARCOTE Ignacio<\/p>\n            <\/article>          \n        <\/section>\n        <\/div>\n        <h2 class=\"titulo-preceptores\" id=\"titulo-preceptores\">NUESTROS EQUIPOS DE TRABAJO&#8230;<\/h2>\n<section class=\"cont-preceptores\">\n  <div class=\"equipos-tabs is-first\" id=\"equipos-tabs\">\n    <nav class=\"equipos-nav\" role=\"tablist\" aria-label=\"Equipos de trabajo\">\n      <button type=\"button\" role=\"tab\" class=\"equipos-tab active\" id=\"tab-tm\" aria-controls=\"panel-tm\" aria-selected=\"true\">T. MA\u00d1ANA<\/button>\n      <button type=\"button\" role=\"tab\" class=\"equipos-tab\" id=\"tab-tt\" aria-controls=\"panel-tt\" aria-selected=\"false\" tabindex=\"-1\">T. TARDE<\/button>\n      <button type=\"button\" role=\"tab\" class=\"equipos-tab\" id=\"tab-tv\" aria-controls=\"panel-tv\" aria-selected=\"false\" tabindex=\"-1\">T. NOCHE<\/button>\n      <button type=\"button\" role=\"tab\" class=\"equipos-tab\" id=\"tab-bib\" aria-controls=\"panel-bib\" aria-selected=\"false\" tabindex=\"-1\">BIBLIOTECA<\/button>\n      <div class=\"equipos-indicator\" aria-hidden=\"true\"><\/div>\n    <\/nav>\n    <div class=\"equipos-content\">\n      <div class=\"equipos-panel active\" id=\"panel-tm\" role=\"tabpanel\" aria-labelledby=\"tab-tm\">\n        <p class=\"equipo-titulo\">PRECEPTORES DEL TURNO MA\u00d1ANA<\/p>\n        <div class=\"eq-tabla\">\n          <div class=\"eq-fila eq-header\">\n            <div class=\"eq-celda\">PRECEPTOR\/A<\/div>\n            <div class=\"eq-celda\">CARRERA<\/div>\n            <div class=\"eq-celda\">SEDE<\/div>\n            <div class=\"eq-celda\">CURSO\/S<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Di Vairo, Ivana<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Psicolog\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0B &#8211; 1\u00b0C<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Acosta, Facundo<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Psicolog\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">2\u00b0B &#8211; 2\u00b0C<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Rodriguez, Amanda<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Psicolog\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">3\u00b0B &#8211; 4\u00b0B<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Velazquez Norma<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Geograf\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0B &#8211; Practicas Docentes<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Cuevas Marcelo<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Geograf\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">2\u00b0B &#8211; 3\u00b0B &#8211; 4\u00b0B<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"equipos-panel\" id=\"panel-tt\" role=\"tabpanel\" aria-labelledby=\"tab-tt\">\n        <p class=\"equipo-titulo\">PRECEPTORES DEL TURNO TARDE<\/p>\n        <div class=\"eq-tabla\">\n          <div class=\"eq-fila eq-header\">\n            <div class=\"eq-celda\">PRECEPTOR\/A<\/div>\n            <div class=\"eq-celda\">CARRERA<\/div>\n            <div class=\"eq-celda\">SEDE<\/div>\n            <div class=\"eq-celda\">CURSO\/S<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Gamarra, Osvaldo<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Historia<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0B &#8211; 1\u00b0C<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Bocca Di Fuoco, Romina<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Historia<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">2\u00b0B &#8211; 2\u00b0C &#8211; 3\u00b0B<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Britos, Alicia<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Historia<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">4\u00b0B &#8211; Pr\u00e1cticas Docentes<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Villarroel Monta\u00f1o, Lilia Ines<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Lengua<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Todos los Cursos<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Ferr\u00edn Chierichini, Juan Carlos<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Lengua<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Todos los Cursos<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Fernandez, Agust\u00edn<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Secretar\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Tramo Pedag\u00f3gico<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"equipos-panel\" id=\"panel-tv\" role=\"tabpanel\" aria-labelledby=\"tab-tv\">\n        <p class=\"equipo-titulo\">PRECEPTORES DEL TURNO VESPERTINO<\/p>\n        <div class=\"eq-tabla\">\n          <div class=\"eq-fila eq-header\">\n            <div class=\"eq-celda\">PRECEPTOR\/A<\/div>\n            <div class=\"eq-celda\">CARRERA<\/div>\n            <div class=\"eq-celda\">SEDE<\/div>\n            <div class=\"eq-celda\">CURSO\/S<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Surbano, Noelia<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Historia<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Centenario<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0A &#8211; 2\u00b0A<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Aguirre, Naara<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Historia<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Centenario<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">3\u00b0A &#8211; 4\u00b0A<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Britos, Alicia<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Historia<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Centenario<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Pr\u00e1ctica Docente<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Fernandez, Sof\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Psicolog\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0A &#8211; 2\u00b0A<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Arballo, Celeste<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Psicolog\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Centenario<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">3\u00b0A &#8211; 4\u00b0A<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Velez, Juan Marcelo<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Geograf\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Centenario<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0A &#8211; 2\u00b0A<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Cabaleiro Impellizzeri, Lara<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Geograf\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Centenario<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">3\u00b0A &#8211; 4\u00b0A<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Herrera, Giselle<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Ciencia Pol\u00edtica<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">1\u00b0A &#8211; 1\u00b0B<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Flores, Marcelo<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Ciencia Pol\u00edtica<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">2\u00b0U &#8211; 3\u00b0U &#8211; 4\u00b0U<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Arias, Mayra<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Filosof\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Todos los Cursos<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Metola, Leandro<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Econom\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Todos los Cursos<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Brizuela, Marcelo<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Secretar\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Ninguno<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"PRECEPTOR\/A\">Correa Daniela<\/div>\n            <div class=\"eq-celda\" data-title=\"CARRERA\">Secretar\u00eda<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"CURSO\/S\">Ninguno<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"equipos-panel\" id=\"panel-bib\" role=\"tabpanel\" aria-labelledby=\"tab-bib\">\n        <p class=\"equipo-titulo\">NUESTRO EQUIPO DE BIBLIOTECA&#8230;<\/p>\n        <div class=\"eq-tabla\">\n          <div class=\"eq-fila eq-header\">\n            <div class=\"eq-celda\">INTEGRANTE<\/div>\n            <div class=\"eq-celda\">CARGO<\/div>\n            <div class=\"eq-celda\">SEDE<\/div>\n            <div class=\"eq-celda\">TURNO<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"INTEGRANTE\">Di Vairo, Ivana<\/div>\n            <div class=\"eq-celda\" data-title=\"CARGO\">Bibliotecaria<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"TURNO\">Tarde<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"INTEGRANTE\">Lobo, Ailen<\/div>\n            <div class=\"eq-celda\" data-title=\"CARGO\">Bibliotecaria<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"TURNO\">Vespertino<\/div>\n          <\/div>\n          <div class=\"eq-fila\">\n            <div class=\"eq-celda\" data-title=\"INTEGRANTE\">Ferr\u00edn Chierichini, Juan Carlos<\/div>\n            <div class=\"eq-celda\" data-title=\"CARGO\">E.M.A.T.P.<\/div>\n            <div class=\"eq-celda\" data-title=\"SEDE\">Rosas<\/div>\n            <div class=\"eq-celda\" data-title=\"TURNO\">Vespertino<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n         <h2 class=\"titulo-historia\" id=\"titulo-historia\">CONOCE PARTE DE LA HISTORIA DE NUESTRA INSTITUCI\u00d3N&#8230;<\/h2>\n        <section class=\"cont-historia\">\n                <br>\n                <br>\n                <div class=\"fondo-historia\">\n               <p>El Instituto comenz\u00f3 a funcionar en 1987.<br>\n                Las primeras carreras dictadas fueron las de Maestro Especializado en \n                Educaci\u00f3n Primaria y Maestro Especializado en Educaci\u00f3n Inicial. \n                Desde \ufb01nes de la d\u00e9cada de 1990, la oferta acad\u00e9mica se orient\u00f3 hacia la \n                Educaci\u00f3n en el Nivel Secundario y hacia el \u00e1rea de las Ciencias Sociales, \n                con Carreras como Historia, Geograf\u00eda, Econom\u00eda, Ciencia Pol\u00edtica, \n                Psicolog\u00eda, a las cuales hubo de sumarse tambi\u00e9n Filosof\u00eda y, m\u00e1s \n                recientemente, Lengua y Literatura.<\/p>\n                \n                \n                <p>Desde su creaci\u00f3n y hasta el a\u00f1o 2019 el Instituto funcion\u00f3 en \n                espacios compartidos con otras instituciones educativas pero, a ra\u00edz \n                de la organizaci\u00f3n y la lucha de los y las estudiantes junto a los y las \n                docentes se logr\u00f3 la construcci\u00f3n del edi\ufb01cio que es hoy nuestra sede.<\/p>\n                \n                <p>Con edi\ufb01cio propio, el Instituto pudo ofrecer parte de su oferta \n                acad\u00e9mica en los turnos ma\u00f1ana y tarde. A\u00fan conserva el anexo en la \n                EP N\u00b085 para el turno vespertino.<\/p>          \n                \n                <p>La elecci\u00f3n del nombre del instituto fue fruto de un \n                largo proceso en el que participaron todxs los \n                miembrxs de nuestra comunidad educativa y \n                durante el cual, despu\u00e9s de proponerse diversos \n                nombres, se desarroll\u00f3 un verdadero acto \n                eleccionario, resultando elegido el nombre de \n                \u201cCarlos Fuentealba\u201d.<\/p>\n                <div class=\"nombre-instituto\">\n                   <p>El proceso se consum\u00f3 o\ufb01cialmente en 2023, con \n                   un emotivo \u201cActo de imposici\u00f3n de nombre\u201d y la \n                   colocaci\u00f3n de una placa conmemorativa junto a la \n                   puerta de acceso al edi\ufb01cio.\n                   <br>La elecci\u00f3n del nombre del instituto fue fruto de un \n                    largo proceso en el que participaron todxs los \n                    miembrxs de nuestra comunidad educativa y \n                    durante el cual, despu\u00e9s de proponerse diversos \n                    nombres, se desarroll\u00f3 un verdadero acto \n                    eleccionario, resultando elegido el nombre de \n                    \u00abCarlos Fuentealba\u00bb.<\/p>\n                   <picture id=\"img-placa\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1RUlrxsGjJ9ppyZCKNLNQD7uGwhTkgAjT\" alt=\"imagen de la placa conmemorativa\"><\/picture>\n                <\/div>\n              <\/div>\n        <\/section>\n    <\/main>\n<\/div>\n    <footer class=\"fin\">\n        <picture><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1jNOrah0xVfzFr9OUBBTj8C1HvpgXj9hx\" alt=\"Logo\"><\/picture>\n        <p>P\u00c1GINA OFICIAL DEL I.S.F.D. N\u00b082 \u00abCarlos Fuentealba\u00bb<\/p>\n    <\/footer>\n<\/div>\n<\/body>\n<style>\n  \/*--------------------------------------------------------------------------------------\nNORMALIZACI\u00d3N*\/\n\n html {\n    line-height: 1.15; \/* 1 *\/\n    -webkit-text-size-adjust: 100%; \/* 2 *\/\n  }\n  \n  body {\n    margin: 0;\n  }\n  \n  main {\n    display: block;\n  }\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n  \n  \n  hr {\n    box-sizing: content-box; \/* 1 *\/\n    height: 0; \/* 1 *\/\n    overflow: visible; \/* 2 *\/\n  }\n  \n  pre {\n    font-family: monospace, monospace; \/* 1 *\/\n    font-size: 1em; \/* 2 *\/\n  }\n  \n  \n  a {\n    background-color: transparent;\n  }\n\n  \n  abbr[title] {\n    border-bottom: none; \/* 1 *\/\n    text-decoration: underline; \/* 2 *\/\n    text-decoration: underline dotted; \/* 2 *\/\n  }\n  \n\n  b, strong {\n    font-weight: bolder;\n  }\n  \n  \n  code,kbd,samp {\n    font-family: monospace, monospace; \/* 1 *\/\n    font-size: 1em; \/* 2 *\/\n  }\n\n  \n  small {\n    font-size: 80%;\n  }\n  \n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  \n  sub {\n    bottom: -0.25em;\n  }\n  \n  sup {\n    top: -0.5em;\n  }\n  \n  \n  img {\n    border-style: none;\n  }\n  \n\n  \n  button, input, optgroup, select, textarea {\n    font-family: inherit; \/* 1 *\/\n    font-size: 100%; \/* 1 *\/\n    line-height: 1.15; \/* 1 *\/\n    margin: 0; \/* 2 *\/\n  }\n  \n\n  button, input { \/* 1 *\/\n    overflow: visible;\n  }\n  \n\n  button, select { \/* 1 *\/\n    text-transform: none;\n  }\n  \n  button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n  \n  button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n  \n  \n  fieldset {\n    padding: 0.35em 0.75em 0.625em;\n  }\n\n  legend {\n    box-sizing: border-box; \/* 1 *\/\n    color: inherit; \/* 2 *\/\n    display: table; \/* 1 *\/\n    max-width: 100%; \/* 1 *\/\n    padding: 0; \/* 3 *\/\n    white-space: normal; \/* 1 *\/\n  }\n  \n  progress {\n    vertical-align: baseline;\n  }\n  \n  textarea {\n    overflow: auto;\n  }\n  \n  [type=\"checkbox\"], [type=\"radio\"] {\n    box-sizing: border-box; \/* 1 *\/\n    padding: 0; \/* 2 *\/\n  }\n  \n  [type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n  \n  [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  \n  \n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; \/* 1 *\/\n    font: inherit; \/* 2 *\/\n  }\n  \n  \n  details {\n    display: block;\n  }\n  \n  \n  summary {\n    display: list-item;\n  }\n  \n  template {\n    display: none;\n  }\n  \n  [hidden] {\n    display: none;\n  }\n\n\/*--------------------------------------------------------------------------------------\nESTILOS GLOBALES*\/\n\n*{\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    text-decoration: none;\n}\n\nhtml, body {\n    margin: 0;\n    padding: 0;\n    font-size: 16px;\n    overflow-x: hidden;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n\/*--------------------------------------------------------------------------------\nVENTANA EMERGENTE*\/\n\n #emergente {\n    display: none;\n    position: fixed;\n    top: 55%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: linear-gradient(to bottom, #ffffff, #e6e6e6);\n    min-width: 600px;\n    max-width: 600px;\n    min-height: 520px;\n    max-height: 520px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    border-radius: 8px;\n    border: 3px solid black;\n    text-align: center;\n    z-index: 10000;\n    font-size: 1rem;\n    font-family: Arial;\n    font-weight: bold;\n}\n\n\/* bot\u00f3n *\/\n#emergente button {\n    transform: translate(225px,0px);\n    margin: 0.5rem;\n    min-width: 110px;\n    max-height: 60px;\n    padding: 5px 5px;\n    background: red;\n    color: white;\n    border: 1px solid black;\n    cursor: pointer;\n    border-radius: 4px;\n    font-size: 1.4rem;\n}\n\n#emergente button:hover{\n  background: rgb(255, 104, 104);\n  color: black;\n}\n\n\/* cuerpo *\/\n#emergente_cuerpo{\n    height: 420px;       \/* espacio interno fijo *\/\n    overflow-y: auto;    \/* scroll vertical *\/\n    overflow-x: hidden;\n    margin-top: 0.5rem;\n    padding: 0 10px;\n    border-bottom:1px solid grey;\n    border-top:1px solid grey;\n}\n\n\/* imagen *\/\n#logo-ventana img{\n    margin-top:0.5rem;\n    width: 260px;\n    height: auto;\n}\n\n\/* p\u00e1rrafos *\/\n#emergente p{\n    margin: 1rem 0;\n    text-align: left;\n}\n\n#emergente #titulo_noticia{\n    text-align: center;\n}\n\n#cubierta {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(255, 255, 255, 0.7); \/* Blanco semitransparente *\/\n        backdrop-filter: blur(5px); \/* Efecto de desenfoque opcional *\/\n        z-index: 999; \/* Se coloca por encima de todo *\/\n    }\n\n\/*------------------------------------------------------------------------------------------------\n  MENU*\/\n\n   #site-navigation{\n    border: 1px solid black;\n    border-left:0px;\n    border-right:0px;\n    width:100%;\n   }\n\n.search-item{\n   display:none;\n}\n\n   .sub-menu{\n    border: 1px solid black;\n   }\n\n   #menu-item-3995{\n     border:2px solid black;\n     transform: scale(1.1);\n   }\n\n   .menu-item:hover{\n     border:2px solid black;\n     transform: scale(1.1);\n     z-index: 1000 !important;\n   }\n\n  .fixed {\n    position: fixed !important;\n    top: 0 !important;\n    width: 100% !important;\n    opacity: 0.9 !important;\n    z-index: 1000 !important;\n    border: 2px solid black;\n }\n\n.menu-item-299{\n   display:none;\n}\n\n\/*-------------------------------------------------------------------------------------------------\nCARRUSEL DE IMAGENES*\/\n\n.Carrusel_cont {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(to top, #41aba6, #42bab2);\n  padding: 20px;\n  padding-top:60px;\n}\n\n.carrusel {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.carrusel img {\n  width: 100%;\n  display: block;\n  height: 400px;\n  object-fit: cover;\n  border: 1px solid black;\n}\n\n.carrusel_titulo {\n  margin-top: 10px;\n  color: white;\n  font-size: 1.5rem;\n  text-align: center;\n  font-family: 'Trebuchet MS';\n}\n\n.controles {\n  margin-top: 12px;\n  text-align: center;\n}\n\n.btn-flecha {\n  display: inline-block;\n  color: #fff;\n  font-size: 40px;\n  font-weight: bold;\n  padding: 10px 14px;\n  margin: 0 8px;\n  border: 1px solid black;\n  cursor: pointer;\n  transition: 0.3s;\n  background-color:#4bcec5;\n  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n  color:black;\n}\n\n#prev{\n  transform: translateY(-18rem) translateX(-23rem);\n}\n\n#next{\n  transform: translateY(-18rem) translateX(23rem);\n}\n\n.btn-flecha:hover {\n  border: 1px solid white;\n  background: #006d82;\n  color:white;\n}\n\n\/*--------------------------------------------------------------------------------------\nOFERTA ACADEMICA*\/\n\n.fondo-carrera{\n    width: 100%;\n    position: relative;\n    background-color: #ffffff;\n    z-index: 1;\n    border-bottom:2px solid #03725f ;\n    padding-top:1rem;\n    transform: translateY(-65px);\n}\n\n\/* fondo con opacidad *\/\n.fondo-carrera::before{\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.2;\n\n    background-image:  \n        linear-gradient(#03725f 1.6px, transparent 1.6px),\n        linear-gradient(90deg, #03725f 1.6px, transparent 1.6px),\n        linear-gradient(#03725f 0.8px, transparent 0.8px),\n        linear-gradient(90deg, #03725f 0.8px, #ffffff 0.8px);\n\n    background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px;\n    background-position: \n        -1.6px -1.6px,\n        -1.6px -1.6px,\n        -0.8px -0.8px,\n        -0.8px -0.8px;\n\n    z-index: -1;\n}\n\n#titulo-oferta{\n    font-family:'Trebuchet MS';\n    color: #0e4d49;\n    font-size: 2.7rem;\n    text-align: center;\n    margin-bottom: 2.5rem;\n }\n\n#titulo-opcion{\n    font-family:'Trebuchet MS';\n    color: #0e4d49;\n    font-size: 1.6rem;\n    text-align: center;\n    margin-top:2.8rem;\n }\n\n.filtros{\n    display:flex;\n    justify-content:center;\n    gap:-1px;\n    margin-bottom:20px;\n}\n\n\/* ocultar radio *\/\n.filtros input{\n    display:none;\n}\n\n\/* label como bot\u00f3n *\/\n.filtros label{\n    padding:10px 20px;\n    background:#56eae0;\n    color:#083a37;\n    font-weight:bold;\n    cursor:pointer;\n    transition:0.3s;\n    border-top:2px solid #0a3835;\n    border-bottom:2px solid #0a3835;\n}\n\n.primera{\n  border-left:2px solid #0a3835;\n}\n\n.ultima{\n  border-right:2px solid #0a3835;\n}\n\n.filtros label:hover{\n    background:#15726c;\n    color:white;\n}\n\n\n\/* seleccionado *\/\n.filtros input:checked + span{\n    color:white;\n}\n\n.oferta{\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n\/* cuando el radio est\u00e1 seleccionado *\/\n.opcion input:checked {\n    accent-color: blue;\n}\n\n\/* cambiar color del label *\/\n.opcion:has(input:checked) {\n    background:#0d514b;\n    color: white;\n}\n\n.carreras{\n     display: flex;\n     flex-direction: row;\n     flex-wrap: wrap;\n     justify-content: center;\n     gap: 0.8rem; \/* Espacio entre las tarjetas *\/\n     align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n     flex-wrap: wrap;\n     padding-bottom:6rem;\n}\n\n.cont_tarjetas{\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 2rem; \/* Espacio entre las tarjetas *\/\n    row-gap: 2.2rem;\n    align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n    flex-wrap: wrap;\n}\n\n.tarj_titulo{\n    width: 100%;\n    font-family:'Trebuchet MS';\n    font-size: 1.5rem;\n    text-align: center;\n    font-weight: bold;\n    background:linear-gradient(to bottom,#4bcec5,#baeeea);\n    transform: translateY(-19px);\n    padding-bottom: 1.3rem;\n    padding-top: 1.6rem;\n    clip-path: polygon(\n      0% 20%,\n      40% 20%,\n      40% 0%,\n      100% 0%,\n      100% 100%,\n      0% 100%\n    );\n\n}\n\n.tarj_carrera{\n     flex: 1; \/* Hace que todas tengan el mismo ancho *\/\n     min-height: 268px;\n     max-height: 268px;\n     min-width: 250px;\n     max-width: 250px;\n     background: white;\n     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n     display: flex;\n     border: solid 2px #0a3835;\n     flex-direction: column; \/* Asegura que los elementos internos se acomoden verticalmente *\/\n     justify-content: space-between; \/* Distribuye el contenido uniformemente *\/\n     height: 100%; \/* Fuerza a que todas las tarjetas tengan la misma altura *\/\n     margin: 0.3rem;\n     margin-top: 1.5rem;\n     font-size: 0.9rem;\n     align-items: center;\n     overflow: hidden;\n     color: #083a37;\n     align-items: center;\n}\n\n\n.tarj_carrera:hover{\n    box-shadow: 0 8px 20px rgba(0,0,0,0.5);\n    transition: box-shadow 0.3s ease-in-out;\n    color: white;\n    border: solid 3px #0a3835;\n}\n\n.tarj_carrera:hover .tarj_titulo{\n    background: #0a3835;\n}\n\n.tarj_img{\n    width: 300px;\n    height: auto;\n    opacity: 0.9;\n}\n\n.cont_img img { \n  width: 100%;       \/* O un ancho fijo si prefieres *\/\n  height: 200px;      \/* &#x1f511; Alto fijo para TODAS las im\u00e1genes *\/\n  object-fit: cover;  \/* &#x1f511; Recorta proporcionalmente *\/\n  display: block;\n}\n\n\/*-----------------------------------------------------------------------------------------------\nCARTELERA 82*\/\n\n#novedades_tit{\n    font-family:'Trebuchet MS';\n    color: #0e4d49;\n    font-size: 2.5rem;\n    text-align: center;\n    margin-bottom: 2.5rem;\n    margin-top:2rem;\n    }\n\n.novedades{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:2rem;\n    margin-bottom:3rem;\n}  \n    \n.tarj_novedades{\n     width: 330px;\n     min-width: 330px;\n     max-width: 330px;\n     height: 420px;\n     min-height: 420px;\n     max-height: 420px;\n     padding: 0;\n     background: linear-gradient(to bottom, #ffffff, #f6fffe);\n     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n     display: flex;\n     border: solid 3px #0a3835;\n     flex-direction: column;\n     justify-content: space-between;\n     font-size: 0.9rem;\n     overflow: hidden;\n}\n\n\/* TITULO *\/\n.nov_titulo{\n    width: 100%;\n    height: 70px;              \/* altura fija *\/\n    font-family:'Trebuchet MS';\n    font-size: 1.2rem;\n    font-weight: 900;\n    padding: 10px;\n    background:linear-gradient(to top,#4bcec5,#baeeea);\n    text-align: center;\n    border-bottom:1px solid #0a3835;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.nov_titulo p{\n    font-family:'Trebuchet MS';\n    margin: 0;\n    line-height: 1.1;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;     \/* m\u00e1ximo 3 l\u00edneas *\/\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\/* CUERPO *\/\n.nov_cuerpo{\n    flex: 1;\n    width: 100%;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n\/* PIE *\/\n.nov_pie{\n      width: 100%;\n      font-family:'Protest Riot';\n      font-size: 1rem;\n      padding: 15px;\n      background:linear-gradient(to bottom,#4bcec5,#baeeea);\n      text-align: center;\n      border-top:1px solid #0a3835;\n}\n\n\/*----------------------------------------------------------\nEJES INSTITUCIONALES*\/\n\n.titulo-ejes{\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-top: 15rem;\n    margin-bottom: 2rem;\n}\n\n.card-ejes img{\n    width: 300px;\n    height: 250px;\n}\n\n.cont-ejes{\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 1rem; \/* Espacio entre las tarjetas *\/\n    align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n    flex-wrap: wrap;\n    margin-bottom: 15rem;\n}\n\n.card-ejes{\n    justify-items: center;\n    font-size: 1.2rem;\n    font-weight: bold;\n    font-family:'Protest Riot'\n}\n\n.card-ejes:hover{\n    color: #1ebcb2;\n}\n\n\n\/*------------------------------------------------------------------------------\nUBICACI\u00d3N*\/\n\n#titulo-sede{\n    margin-top: 4rem;\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-bottom: 3rem;\n}\n\n.sedes{\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    margin-bottom: 1rem;\n    align-items: stretch;\n}\n\n\n.sede-rosas{\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: #95fff8;\n    padding-top: 9rem;\n    padding-bottom: 9rem;\n    font-size: 1.6rem;\n    font-weight: bold;    \n    font-weight: 1200;\n    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/lh3.googleusercontent.com\/d\/1f56dOfE1XzOCzFsDroz56hSNaY6UC9Og') no-repeat center;\nbackground-size: cover;\n}\n\n.sede-rosas p{\n    margin: 1rem;\n}\n\n.sede-centenario{\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: #95fff8;\n    padding-top: 9rem;\n    padding-bottom: 9rem;\n    font-size: 1.6rem;\n    font-weight: bold;\n    font-weight: 1200;\n    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/lh3.googleusercontent.com\/d\/18KBbTkC5DR_AOgHypqzlQ_0tBcykE7pn') no-repeat center;\nbackground-size: cover;\n}\n\n.sede-centenario p{\n    margin: 1rem;\n}\n\n#titulo-comunicaciones{\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-top: 1rem;\n    padding-top: -1.3rem;\n}\n\n.comunicaciones{\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 1rem; \/* Espacio entre las tarjetas *\/\n    column-gap: 7rem;\n    align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n    flex-wrap: wrap;\n    margin-top: 8rem;\n}\n\n.comunicacion{\n    font-size: 2.2rem;\n    text-align: center;\n    justify-content: center;\n    font-family: 'Protest Riot';\n}\n\n.comunicacion:hover{\n    color: #15726c;\n}\n\n#fondo-contacto{\n    padding-top: 1.5rem;\n    padding-bottom: 2rem;\n    background-color: #ffffff;\n    background-size: 30px 30px;\n    background-image:  repeating-linear-gradient(0deg, #d5dede, #cefffb 0.5px, #ffffff 0.5px, #ffffff);\n}\n\n\/*-----------------------------------------------------------------------------------------\nSITIOS ASOCIADOS*\/\n\n#titulo-sitios{\n    font-family:'Trebuchet MS';\n    color: #0e4d49;\n    font-size: 2.5rem;\n    text-align: center;\n    margin-bottom: 4.5rem;\n    margin-top: 6rem;\n}\n\n.sitios{\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 3rem; \/* Espacio entre las tarjetas *\/\n    row-gap: 5rem;\n    align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n    flex-wrap: wrap;\n    margin-bottom: 10rem;\n}\n\n.sitios article{\n     flex: 1; \/* Hace que todas tengan el mismo ancho *\/\n     min-width: 300px;\n     max-width: 300px;\n     min-height: 500px;\n     max-height: 500px;\n     padding: 1rem;\n     background: linear-gradient(to bottom, #ffffff, #f6fffe);\n     border-radius: 8px;\n     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n     display: flex;\n     border: solid 3px #0a3835;\n     flex-direction: column; \/* Asegura que los elementos internos se acomoden verticalmente *\/\n     justify-content: space-between; \/* Distribuye el contenido uniformemente *\/\n     height: 100%; \/* Fuerza a que todas las tarjetas tengan la misma altura *\/\n     margin: 1rem;\n     margin-top: 3rem;\n     font-size: 0.9rem;\n     align-items: center;\n}\n\n.sitios article h3{\n    font-family:'Protest Riot';\n    font-size: 1.3rem;\n    font-weight: bold;    \n    font-weight: 900;\n    font-style: italic;\n    margin-top: -2.6rem;\n    margin-bottom: 25px;\n    padding-left: 2rem;\n    padding-right: 2rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n    border: solid 2.5px;\n    border-color: #0e4d49;\n    border-radius: 10px;\n    background-color: #a9fff9;\n } \/*#1ebcb2  color de la pagina del infod*\/\n\n.sitios article p{\n    text-align: left;\n}\n\n.sitios article picture img{\n        width: 90px;\n        height: auto;\n        margin-top: -1rem;\n        margin-bottom: 1rem;\n}\n\n#card-sad2 img{\n    width: 100px;\n    height: auto;\n}\n\n#card-cooperadora img{\n    margin: 0.4rem;\n    width: 75px;\n    height: auto;\n}\n\n#card-cipes img{\n    width: 75px;\n    height: auto;\n}\n\n#card-abc img{\n    margin-top: -4rem;\n    width: 100px;\n    height: auto;\n}\n\n.sitios article button a{\n    text-decoration: none;\n    color: white;\n}\n\n.sitios article button{\n    font-weight: bold;    \n    font-weight: 700;\n    padding: 0.4rem;\n    padding-left: 2rem;\n    padding-right: 2rem;\n    font-size: 1.1em;\n    text-align: center;\n    border-radius: 5px;\n    background-color: #1ebcb2 ;\n    color: white;\n    border-color: #0e4d49;\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.sitios > article > button:hover{\n    transform: scale(1.1);\n    background-color: #0a3835;\n}\n\n\/*-----------------------------------------------------------------------------------\nNORMATIVAS*\/   \n\n.titulo-normativa{\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-top: 4rem;\n    margin-bottom: 7rem;\n}\n\n.cont-normativas{\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 1.2rem; \/* Espacio entre las tarjetas *\/\n    align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n    flex-wrap: wrap;\n    margin-bottom: 7rem;\n   }\n\n.card-normativa{\n    justify-items: center;\n   }\n\n.card-normativa p {\n  text-align:center;\n  padding: 2px 4px;\n  white-space: normal;\n  word-wrap: break-word;\n  font-family:'Trebuchet MS';\n  font-weight: bold;\n  font-size: 1.3rem;\n  text-decoration:none;\n  transform: translate(0px, -12.5rem);\n  margin-left: -0.5rem;\n}\n\n.card-normativa a{\n  font-family: 'Courier New', Courier, monospace;\n  font-weight: bold;\n}\n\n.card-normativa:hover{\n  color: #1ebcb2 !important;\n}\n\n\/*--------------------------------------------------------------------------\nAUTORIDADES*\/\n\n.titulo-equipo{\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-top: 7rem;\n    margin-bottom: 7rem;\n}\n\n#cont-autoridades{\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem; \/* Espacio entre las tarjetas *\/\n align-items: stretch; \/* Asegura que todas tengan la misma altura *\/\n flex-wrap: wrap;\n margin-bottom: 7rem;\n}\n\n.card-equipo{\n    flex: 1; \/* Hace que todas tengan el mismo ancho *\/\n    min-width: 205px;\n    max-width: 205px;\n    min-height: 270px;\n    max-height: 270px;\n    padding: 1rem;\n    background: linear-gradient(to bottom, #22afa5, #47c8bf);\n    text-align: center;\n    border-radius: 8px;\n    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n    display: flex;\n    border: solid 3px #0a3835;\n    flex-direction: column; \/* Asegura que los elementos internos se acomoden verticalmente *\/\n    justify-content: space-between; \/* Distribuye el contenido uniformemente *\/\n    height: 100%; \/* Fuerza a que todas las tarjetas tengan la misma altura *\/\n    margin: 1rem;\n    margin-top: 3rem;\n    font-size: 1.2rem;\n}\n\n.card-equipo:hover{\n}\n\n.card-equipo picture{\n    align-items: center;\n    justify-content: center;\n    margin-top: -3rem;\n}\n\n.card-equipo img{\n    width: 150px;\n    height: 150px;\n    border: solid 1px black;\n    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n}\n\n.auto-cargo{\n    font-family: 'Protest Riot';\n    font-size: 1.2rem;\n}\n\n.autoridad-nom{\n    background-color: #16736d;\n    border: solid 2px #10544f;\n    margin-bottom: -2.2rem;\n    padding-bottom: 0.5rem;\n    padding-top: 0.5rem;\n    color: white;\n    font-size: 1.1rem;\n}\n\n#marcote{\n margin-bottom: 0rem;\n margin-top: -1.8rem;\n}\n#ninni{\n  margin-bottom: 0rem;\n  margin-top: -1.8rem;\n}\n\n#fondo-autoridades{\n    background: linear-gradient(rgba(255, 255, 255, 0.941), rgba(255, 255, 255, 0.947)), url('https:\/\/lh3.googleusercontent.com\/d\/1oPj2YluGxcfwSnv55Q1vtENRCRYkmlcH') no-repeat center;\n    padding-bottom: 6rem;\n    padding-top: 8rem;\n}\n\n\/*-----------------------------------------------------------------------\nEQUIPOS DE TRABAJO (PRECEPTORES y BIBLIOTECA) - pesta\u00f1as + tablas responsive*\/\n\n.titulo-preceptores{\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-top: 1rem;\n}\n\n.cont-preceptores{\n    margin-bottom: 7rem;\n}\n\n.equipos-tabs{\n    --eq-color: #158880;\n    --eq-color-claro: #22afa5;\n    --eq-oscuro: #0a3835;\n    --eq-radio: 10px;\n    max-width: 900px;\n    margin: 2.5rem auto 0;\n    padding: 0 1rem;\n}\n\n\/* ---- pesta\u00f1as ---- *\/\n.equipos-nav{\n    position: relative;\n    display: flex;\n    align-items: stretch;\n}\n\n.equipos-tab{\n    position: relative;\n    z-index: 1;\n    flex: 1;\n    padding: 0.8rem 0.5rem;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    font-family: 'Trebuchet MS';\n    font-weight: bold;\n    font-size: 1.05rem;\n    color: #0d423f;\n    border-radius: var(--eq-radio) var(--eq-radio) 0 0;\n    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n}\n\n.equipos-tab:hover{\n    background: rgba(34, 175, 165, 0.22);\n}\n\n.equipos-tab:focus-visible{\n    outline: 2px dashed var(--eq-oscuro);\n    outline-offset: -4px;\n}\n\n.equipos-tab.active{\n    color: #fff;\n    background: transparent;\n}\n\n\/* indicador de la pesta\u00f1a activa (se mueve con JS) *\/\n.equipos-indicator{\n    position: absolute;\n    z-index: 0;\n    pointer-events: none;\n    background: var(--eq-color);\n    border-radius: var(--eq-radio) var(--eq-radio) 0 0;\n    transition: left 0.35s ease-in-out, width 0.35s ease-in-out, top 0.35s ease-in-out, height 0.35s ease-in-out;\n}\n\n\/* esquinas invertidas a los lados de la pesta\u00f1a activa *\/\n.equipos-indicator::before,\n.equipos-indicator::after{\n    content: '';\n    position: absolute;\n    bottom: 0;\n    width: var(--eq-radio);\n    height: var(--eq-radio);\n}\n.equipos-indicator::before{\n    right: 100%;\n    background: radial-gradient(circle at top left, transparent var(--eq-radio), var(--eq-color) calc(var(--eq-radio) + 0.5px));\n}\n.equipos-indicator::after{\n    left: 100%;\n    background: radial-gradient(circle at top right, transparent var(--eq-radio), var(--eq-color) calc(var(--eq-radio) + 0.5px));\n}\n.equipos-tabs.is-first .equipos-indicator::before,\n.equipos-tabs.is-last .equipos-indicator::after{\n    display: none;\n}\n\n\/* ---- contenido ---- *\/\n.equipos-content{\n    background: var(--eq-color);\n    border: 2px solid var(--eq-oscuro);\n    border-radius: var(--eq-radio);\n    padding: 1.2rem;\n    min-height: 160px;\n    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n}\n.equipos-tabs.is-first .equipos-content{ border-top-left-radius: 0; }\n.equipos-tabs.is-last .equipos-content{ border-top-right-radius: 0; }\n\n.equipos-panel{\n    display: none;\n}\n.equipos-panel.active{\n    display: block;\n    animation: equiposEntrada 0.35s ease-in-out;\n}\n@keyframes equiposEntrada{\n    from{ filter: blur(8px); opacity: 0; }\n    to{ filter: blur(0); opacity: 1; }\n}\n\n.equipo-titulo{\n    font-family: 'Protest Riot';\n    font-size: 1.5rem;\n    color: white;\n    text-align: center;\n    margin-bottom: 1rem;\n}\n\n\/* ---- tablas (div con display:table, se apilan en celular) ---- *\/\n.eq-tabla{\n    display: table;\n    width: 100%;\n    background: #fff;\n    border: 2px solid var(--eq-oscuro);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.eq-fila{\n    display: table-row;\n    background: #f2fffe;\n    color: #083a37;\n}\n.eq-fila:nth-of-type(odd){\n    background: #dcf7f5;\n}\n.eq-fila.eq-header{\n    font-weight: 900;\n    background: #84f8f0;\n    color: #0a3835;\n}\n.eq-fila:not(.eq-header):hover{\n    background: #b6fffa;\n}\n\n.eq-celda{\n    display: table-cell;\n    padding: 0.8rem 1rem;\n    border-bottom: 1px solid rgba(10, 56, 53, 0.25);\n    vertical-align: middle;\n}\n\n\/* ---- responsive ---- *\/\n@media (max-width: 600px){\n    .equipos-tabs{ padding: 0 0.6rem; }\n\n    \/* pesta\u00f1as en cuadr\u00edcula 2x2 *\/\n    .equipos-nav{\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 6px;\n    }\n    .equipos-indicator{ display: none; }\n    .equipos-tab{\n        background: var(--eq-color-claro);\n        color: white;\n        border: 1px solid var(--eq-oscuro);\n        border-radius: 8px;\n        padding: 0.7rem 0.3rem;\n        font-size: 0.95rem;\n    }\n    .equipos-tab:hover{ background: #1a948b; }\n    .equipos-tab.active{\n        background: var(--eq-oscuro);\n        color: white;\n    }\n    .equipos-content{\n        margin-top: 8px;\n        border-radius: var(--eq-radio) !important;\n        padding: 0.8rem;\n    }\n    .equipo-titulo{ font-size: 1.2rem; }\n}\n\n@media (max-width: 580px){\n    .eq-tabla{ display: block; }\n    .eq-fila{\n        display: block;\n        padding: 14px 0 7px;\n        border-bottom: 2px solid var(--eq-oscuro);\n    }\n    .eq-fila:last-child{ border-bottom: none; }\n    .eq-fila.eq-header{ display: none; }\n    .eq-celda{\n        display: block;\n        padding: 2px 16px;\n        margin-bottom: 10px;\n        border-bottom: none;\n        font-size: 1rem;\n    }\n    .eq-celda::before{\n        content: attr(data-title);\n        display: block;\n        margin-bottom: 3px;\n        min-width: 98px;\n        font-size: 10px;\n        line-height: 10px;\n        font-weight: bold;\n        text-transform: uppercase;\n        color: #158880;\n    }\n}\n\n@media (prefers-reduced-motion: reduce){\n    .equipos-panel.active{ animation: none; }\n    .equipos-indicator{ transition: none; }\n}\n\n\/*------------------------------------------------------------------------------------------\nHISTORIA DEL INSTITUTO*\/\n\n.cont-historia{\n    margin-top: 3rem;\n    margin-left: 1.5rem;\n    margin-right: 1.5rem;\n    justify-items: center;\n}\n\n.fondo-historia{\n    background: linear-gradient(rgba(255, 255, 255, 0.914), rgba(255, 255, 255, 0.947)), url('https:\/\/lh3.googleusercontent.com\/d\/1AG31Kw25NjqvtthnN4TglufDdLU2urM-');\n    background-size: cover; \/* Ajusta la imagen para cubrir todo *\/\n    background-position: center; \/* Centra la imagen *\/\n    background-repeat: no-repeat; \/* Evita que la imagen se repita *\/\n    padding: 1rem;\n    border: 3px solid #0a3835;\n}\n\n.cont-historia p{\n    justify-content: flex-start;\n    font-size: 1.2rem;\n    font-style: italic;\n    font-weight: bold;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.titulo-historia{\n    font-family:'Trebuchet MS';\n    color: black;\n    text-align: center;\n    font-size: 2.5rem;\n    margin-top: 1rem;\n}\n\n.nombre-instituto{\n    align-items: center;\n    align-content: center;\n    justify-items: center;\n    display: grid;\n    grid-template-columns: 1fr 2fr;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-top: 0.5rem;\n    margin-bottom: 7rem;\n}\n\n.nombre-instituto img{\n    width: 450px;\n    height: auto;\n    border: 2px solid #0a3835;\n    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n}\n\n\/*------------------------------------------------------------------------------------------\n  FOOTER*\/\n\n.fin {\n  background: linear-gradient(to bottom, #27bdb3, #276a66);\n  text-align: center;\n  font-size: 1.8rem;\n  color: white;\n  margin-top: 5rem;\n  display: flex;\n  align-items: center;\n  font-family:'Trebuchet MS';\n}\n\n.fin p{\n  transform: translateY(20px);\n}\n.fin img{\n    border-radius: 100%;\n    height:10vh;\n    width: auto;\n    margin-left: 0.8rem;\n    margin-right: 1.8rem;\n    margin-bottom: -0.3rem;\n    border: solid 2px black;\n\n}\n\n\/*--------------------------------------------------------------------------------------\nMEDIAS QUERY's*\/\n\n@media (max-width: 900px) { \n    .oferta {\n      grid-template-columns: 1fr;\n    }\n    \n     .nombre-instituto{\n        align-items: center;\n        align-content: center;\n        justify-items: center;\n        display: grid;\n        grid-template-columns: 1fr;\n        justify-content: center;\n        flex-wrap: wrap;\n        margin-top: 0.5rem;\n        margin-bottom: 7rem;\n    }\n    .nombre-instituto img{\n        width: 350px;\n        height: auto;\n        border: 2px solid #0a3835;\n        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);\n    }\n}\n\n@media (max-width: 845px) { \n    .oferta {\n      grid-template-columns: 1fr;\n      align-items: center;\n    }\n\n    #tabla-prece-tm {\n        display: block;\n        overflow-x: auto; \/* Permite desplazamiento horizontal si es necesario *\/\n        white-space: wrap; \/* Evita que el contenido se rompa *\/\n    }\n    #tabla-prece-tt {\n        display: block;\n        overflow-x: auto; \/* Permite desplazamiento horizontal si es necesario *\/\n        white-space: wrap; \/* Evita que el contenido se rompa *\/\n    }\n    #tabla-prece-tv {\n        display: block;\n        overflow-x: auto; \/* Permite desplazamiento horizontal si es necesario *\/\n        white-space: wrap; \/* Evita que el contenido se rompa *\/\n    }\n\n    \/*-------------------------------*\/\n    .cont-preceptores {\n      width: 100%; \/* Ocupa todo el ancho del contenedor *\/\n      overflow-x: auto; \/* Permite el desplazamiento horizontal *\/\n    -webkit-overflow-scrolling: touch; \/* Mejora el scroll en dispositivos m\u00f3viles *\/\n   }\n\n    table {\n      width: 100%; \/* Asegura que la tabla ocupe todo el ancho disponible *\/\n      border-collapse: collapse; \/* Junta los bordes *\/\n      padding-left:0;\n      margin-left:0;\n   }\n\n   th, td {\n     text-align: left;\n     border: 1px solid #ccc;\n     white-space: wrap;\n   }\n   td:nth-child(3),\n   th:nth-child(3) {\n   display: none; \/* Oculta la segunda columna *\/\n  }\n}\n\n@media (max-width: 1000px) { \n    .sedes{\n        width: 100%;\n        display: grid;\n        grid-template-columns: 1fr;\n        align-items: center;\n        margin-bottom: 1rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .sitios {\n        flex-direction: column;\n        align-items: center;\n    }\n\n}\n\n@media (max-width: 480px) {\n            body {\n                font-size: 14px;\n            }\n            #emergente{\n              min-height: 650px;\n              max-height: 650px;\n              min-width: 400px;\n              max-width: 400px;\n            }\n\n            #emergente button{\n               transform: translate(135px,0px);\n            }\n\n             #emergente_cuerpo{\n                height: 550px;\n                border-bottom:1px solid grey;\n                border-top:1px solid grey;\n            }\n\n            #menu-item-3995{\n                border:2px solid black;\n                transform:none;\n            }\n\n            .menu-item:hover{\n                 border:2px solid black;\n                 transform:none;\n                 z-index: 1000 !important;\n             }\n\n            .slider01 div h3 {\n                font-size: 1.2rem;\n            }\n\n             #prev{\n                transform:none;\n             }\n\n             #next{\n                transform:none;\n             }\n\n            .boton-equipo {\n                min-width: 80%;\n                font-size: 0.9rem;\n            }\n            .titulo-tabla {\n                font-size: 1.2rem;\n                padding: 0.5rem;\n            }\n\n            .contactos{\n                margin-top:-7rem;\n            }\n\n             #titulo-present{\n                transform: translate(-2.5rem, 0px);\n            }\n            .carrusel{\n              transform: translate(0.1rem,0px);\n            }\n\n            \/* (scale lo maneja GSAP) *\/\n\n            .cont-ejes{\n              transform: translate(0px,-4rem);\n            }\n            .titulo-ejes{\n              transform: translate(0px,-5rem);\n            }\n            .fin p{\n                font-size: 1rem;\n            }\n}\n\n\/*------------------------------------------------------------------------------------------\nGSAP: perspectiva para el efecto 3D de las cards + barra de progreso*\/\n.carreras, .novedades, .cont-ejes, .cont-normativas, #cont-autoridades, .sitios, .comunicaciones{\n    perspective: 1000px;\n}\n.tarj_carrera, .tarj_novedades, .card-ejes, .card-normativa, .card-equipo, .sitios article, .comunicacion{\n    will-change: transform, opacity;\n}\n#scrollProgress{\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 5px;\n    width: 100%;\n    background: #4bcec5;\n    z-index: 9998;\n    transform-origin: left;\n    transform: scaleX(0);\n    pointer-events: none;\n}\n<\/style>\n<script>\n   function mostrar(opcion) {\n    let articles = document.querySelectorAll(\".tarj_carrera\");\n    articles.forEach(a => {\n        const ver = (opcion === \"todos\") || a.classList.contains(opcion);\n        a.style.display = ver ? \"flex\" : \"none\";\n        \/\/ al filtrar, las cards visibles vuelven a entrar con GSAP\n        if (ver && window.gsap) {\n            gsap.fromTo(a, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.5, ease: \"power2.out\" });\n        }\n    });\n}\n         \/\/ ---- pesta\u00f1as de equipos de trabajo ----\n  (function(){\n    const root = document.getElementById(\"equipos-tabs\");\n    if(!root) return;\n    const tabs = Array.from(root.querySelectorAll(\".equipos-tab\"));\n    const panels = Array.from(root.querySelectorAll(\".equipos-panel\"));\n    const ind = root.querySelector(\".equipos-indicator\");\n\n    function mover(tab){\n      ind.style.left = tab.offsetLeft + \"px\";\n      ind.style.top = tab.offsetTop + \"px\";\n      ind.style.width = tab.offsetWidth + \"px\";\n      ind.style.height = tab.offsetHeight + \"px\";\n    }\n\n    function activar(tab, enfocar){\n      const i = tabs.indexOf(tab);\n      tabs.forEach(t => {\n        const on = (t === tab);\n        t.classList.toggle(\"active\", on);\n        t.setAttribute(\"aria-selected\", on ? \"true\" : \"false\");\n        t.tabIndex = on ? 0 : -1;\n      });\n      panels.forEach(p => p.classList.toggle(\"active\", p.id === tab.getAttribute(\"aria-controls\")));\n      root.classList.toggle(\"is-first\", i === 0);\n      root.classList.toggle(\"is-last\", i === tabs.length - 1);\n      mover(tab);\n      if(enfocar) tab.focus();\n    }\n\n    tabs.forEach((t, i) => {\n      t.addEventListener(\"click\", () => activar(t));\n      t.addEventListener(\"keydown\", ev => {\n        let n = null;\n        if(ev.key === \"ArrowRight\") n = tabs[(i + 1) % tabs.length];\n        if(ev.key === \"ArrowLeft\") n = tabs[(i - 1 + tabs.length) % tabs.length];\n        if(ev.key === \"Home\") n = tabs[0];\n        if(ev.key === \"End\") n = tabs[tabs.length - 1];\n        if(n){ ev.preventDefault(); activar(n, true); }\n      });\n    });\n\n    const actual = () => tabs.find(t => t.classList.contains(\"active\")) || tabs[0];\n    window.addEventListener(\"resize\", () => mover(actual()));\n    window.addEventListener(\"load\", () => mover(actual()));\n    if(document.fonts && document.fonts.ready){ document.fonts.ready.then(() => mover(actual())); }\n    mover(actual());\n  })();\n\n  \/\/ ================= EFECTOS GSAP =================\n  document.addEventListener(\"DOMContentLoaded\", function(){\n    if (!window.gsap) return;\n    gsap.registerPlugin(ScrollTrigger);\n\n    const reducido = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const conMouse = window.matchMedia(\"(hover: hover)\").matches;\n    if (reducido) return;\n\n    \/\/ Todas las cards de la p\u00e1gina\n    const SELECTOR = \".tarj_carrera, .tarj_novedades, .card-ejes, .card-normativa, .card-equipo, .sitios article, .comunicacion\";\n    const cards = gsap.utils.toArray(SELECTOR);\n\n    \/\/ 1) Aparici\u00f3n escalonada al entrar en pantalla\n    gsap.set(cards, { opacity: 0, y: 36, scale: 0.96 });\n    const io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (!entry.isIntersecting) return;\n        const el = entry.target;\n        gsap.to(el, {\n          opacity: 1, y: 0, scale: 1,\n          duration: 0.65, ease: \"power2.out\",\n          delay: (cards.indexOf(el) % 4) * 0.08\n        });\n        io.unobserve(el);\n      });\n    }, { threshold: 0.1 });\n    cards.forEach(function(c){ io.observe(c); });\n\n    \/\/ 2) Inclinaci\u00f3n 3D + escala al pasar el mouse (solo dispositivos con mouse)\n    if (conMouse) {\n      cards.forEach(function(card){\n        const rotY = gsap.quickTo(card, \"rotationY\", { duration: 0.45, ease: \"power1.out\" });\n        const rotX = gsap.quickTo(card, \"rotationX\", { duration: 0.45, ease: \"power1.out\" });\n        card.addEventListener(\"mouseenter\", function(){ gsap.to(card, { scale: 1.06, duration: 0.3, overwrite: \"auto\" }); });\n        card.addEventListener(\"mousemove\", function(e){\n          const r = card.getBoundingClientRect();\n          rotY(((e.clientX - r.left) \/ r.width - 0.5) * 7);\n          rotX(((e.clientY - r.top) \/ r.height - 0.5) * -7);\n        });\n        card.addEventListener(\"mouseleave\", function(){\n          rotX(0); rotY(0);\n          gsap.to(card, { scale: 1, duration: 0.3, overwrite: \"auto\" });\n        });\n      });\n    }\n\n    \/\/ 3) T\u00edtulos de secci\u00f3n: entran desde la izquierda\n    gsap.utils.toArray(\"h2[id^='titulo'], #novedades_tit\").forEach(function(t){\n      gsap.from(t, {\n        x: -60, opacity: 0, duration: 0.85, ease: \"power3.out\",\n        scrollTrigger: { trigger: t, start: \"top 85%\" }\n      });\n    });\n\n    \/\/ 4) Barra de progreso de scroll\n    gsap.to(\"#scrollProgress\", {\n      scaleX: 1, ease: \"none\",\n      scrollTrigger: { trigger: document.body, start: \"top top\", end: \"bottom bottom\", scrub: true }\n    });\n  });\n  \/\/ ================= FIN EFECTOS GSAP =================\n\n  \/\/ ================= MEN\u00da FIJO DE WORDPRESS (#site-navigation) =================\n  \/\/ Por qu\u00e9 fallaba el c\u00f3digo anterior:\n  \/\/  1) buscaba el men\u00fa UNA sola vez al cargar; si el tema lo arma despu\u00e9s\n  \/\/     (o est\u00e1 fuera de este bloque), \"menu\" quedaba en null y daba error.\n  \/\/  2) usaba menu.offsetTop, que se mide respecto del contenedor padre y no\n  \/\/     de la p\u00e1gina, as\u00ed que el punto de corte era incorrecto.\n  \/\/  3) depend\u00eda solo de la clase \".fixed\" del CSS, que puede ser pisada\n  \/\/     por el CSS del tema.\n  \/\/ Ahora: se busca el men\u00fa con varios selectores, se mide con\n  \/\/ getBoundingClientRect (posici\u00f3n real en pantalla), se aplican los estilos\n  \/\/ directo con !important y se deja un \"hueco\" para que la p\u00e1gina no salte.\n  (function () {\n\n    \/\/ Selectores donde puede estar el men\u00fa, en orden de prioridad.\n    \/\/ Si tu tema usa otro, agregalo a esta lista.\n    var SELECTORES = [\n      '#site-navigation',\n      '.main-navigation',\n      '#masthead nav',\n      'header nav',\n      'nav.navigation',\n      '#main-nav',\n      '.site-header'\n    ];\n\n    var menu = null;          \/\/ el men\u00fa de WordPress\n    var hueco = null;         \/\/ espacio que ocupa el lugar del men\u00fa mientras est\u00e1 fijo\n    var estaFijo = false;     \/\/ \u00bfel men\u00fa est\u00e1 fijo en este momento?\n    var movidoAlBody = false; \/\/ \u00bftuvimos que moverlo al <body>?\n\n    \/\/ Busca el primer selector que exista y se vea en pantalla\n    function buscarMenu() {\n      for (var i = 0; i < SELECTORES.length; i++) {\n        var lista = document.querySelectorAll(SELECTORES[i]);\n\n        for (var j = 0; j < lista.length; j++) {\n          if (lista[j].offsetHeight > 0) {\n            console.info('[Principal] Men\u00fa encontrado con el selector:', SELECTORES[i], lista[j]);\n            return lista[j];\n          }\n        }\n      }\n      return null;\n    }\n\n    \/\/ Altura de la barra negra de WordPress (solo si hay usuario logueado)\n    function distanciaSuperior() {\n      var barra = document.getElementById('wpadminbar');\n\n      if (barra && window.getComputedStyle(barra).position === 'fixed') {\n        return barra.offsetHeight;\n      }\n      return 0;\n    }\n\n    \/\/ Estilos del men\u00fa fijo, aplicados DIRECTO (no dependen de la regla .fixed)\n    function estilosFijo(distancia) {\n      menu.style.setProperty('position', 'fixed', 'important');\n      menu.style.setProperty('top', distancia + 'px', 'important');\n      menu.style.setProperty('left', '0', 'important');\n      menu.style.setProperty('width', '100%', 'important');\n      menu.style.setProperty('z-index', '1000', 'important');\n      menu.style.setProperty('margin', '0', 'important');\n    }\n\n    \/\/ Quita los estilos aplicados por estilosFijo\n    function quitarEstilos() {\n      ['position', 'top', 'left', 'width', 'z-index', 'margin'].forEach(function (prop) {\n        menu.style.removeProperty(prop);\n      });\n    }\n\n    function fijar(distancia) {\n      \/\/ Reservamos el lugar con el alto real del men\u00fa\n      hueco.style.height = menu.offsetHeight + 'px';\n      hueco.style.display = 'block';\n\n      menu.classList.add('fixed');\n      estilosFijo(distancia);\n\n      \/\/ Verificaci\u00f3n: si el men\u00fa NO qued\u00f3 pegado arriba, alg\u00fan contenedor\n      \/\/ del tema (con transform, filter, etc.) est\u00e1 rompiendo el \"fixed\".\n      \/\/ Soluci\u00f3n: mover el men\u00fa al <body>, donde s\u00ed funciona.\n      var arriba = menu.getBoundingClientRect().top;\n\n      if (Math.abs(arriba - distancia) > 2 && !movidoAlBody) {\n        console.warn('[Principal] Un contenedor del tema rompe el fixed. Muevo el men\u00fa al <body>.');\n        document.body.appendChild(menu);\n        movidoAlBody = true;\n      }\n\n      estaFijo = true;\n    }\n\n    function soltar() {\n      \/\/ Si lo hab\u00edamos movido al <body>, lo devolvemos a su lugar original\n      if (movidoAlBody) {\n        hueco.parentNode.insertBefore(menu, hueco.nextSibling);\n        movidoAlBody = false;\n      }\n\n      menu.classList.remove('fixed');\n      quitarEstilos();\n      hueco.style.display = 'none';\n      estaFijo = false;\n    }\n\n    function revisar() {\n      \/\/ El men\u00fa puede aparecer tarde (algunos temas lo arman con JS): reintentamos\n      if (!menu) {\n        menu = buscarMenu();\n\n        if (!menu) {\n          return;\n        }\n\n        \/\/ Hueco que ocupa el lugar del men\u00fa mientras est\u00e1 fijo\n        hueco = document.createElement('div');\n        hueco.style.display = 'none';\n        menu.parentNode.insertBefore(hueco, menu);\n      }\n\n      var distancia = distanciaSuperior();\n\n      if (!estaFijo) {\n        \/\/ Men\u00fa en su lugar normal: \u00bfya lleg\u00f3 al borde superior?\n        if (menu.getBoundingClientRect().top <= distancia) {\n          fijar(distancia);\n        }\n      } else {\n        \/\/ Men\u00fa fijo: \u00bfvolvimos al lugar donde estaba el hueco?\n        if (hueco.getBoundingClientRect().top > distancia) {\n          soltar();\n        }\n      }\n    }\n\n    \/\/ Escuchamos el scroll de la ventana Y de cualquier contenedor interno\n    \/\/ (capture: true detecta el scroll aunque no sea el de la ventana).\n    window.addEventListener('scroll', revisar, { passive: true });\n    document.addEventListener('scroll', revisar, { passive: true, capture: true });\n    window.addEventListener('resize', revisar);\n    window.addEventListener('load', revisar);\n\n    \/\/ Respaldo: revisi\u00f3n cada 200 ms por si el tema bloquea los eventos de scroll.\n    setInterval(revisar, 200);\n\n    revisar();\n  })();\n  \/\/ ================= FIN MEN\u00da FIJO =================\n  <\/script>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Document Cargando, Por favor Espere&#8230; Bienvenido a mi sitio Este es el contenido principal de la p\u00e1gina. ISFD N\u00b082 \u00abCarlos Fuentealba\u00bb X &#x1f4e2; \u00a1INGRESO 2027! &#x1f393; &#x2728; Ya se encuentra disponible la solapa INGRESO 2027 en el men\u00fa principal de nuestra p\u00e1gina web. &#x1f4da; All\u00ed podr\u00e1n encontrar toda la informaci\u00f3n necesaria para ver nuestra oferta &#8230; <a title=\"Inicio\" class=\"read-more\" href=\"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/\" aria-label=\"More on Inicio\">[+]<\/a><\/p>\n","protected":false},"author":1500,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286"}],"collection":[{"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/1500"}],"replies":[{"embeddable":true,"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":204,"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":4598,"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions\/4598"}],"wp:attachment":[{"href":"https:\/\/isfd82-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}