Propuestas Acad\u00e9micas – E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb | Nivel Superior<\/title>\n \n \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=Outfit:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ==========================================================================\n VARIABLES Y RESET - E.E.T. N\u00b02 PBRO. JOS\u00c9 MAR\u00cdA COLOMBO\n ========================================================================== *\/\n :root {\n \/* Identidad Institucional Colombo *\/\n --color-institucional-verde: #007A3D;\n --color-institucional-oscuro: #005A2B;\n \n \/* Identidad Carrera 1: Profesorado en Educaci\u00f3n Tecnol\u00f3gica (Azul Tech) *\/\n --color-tech-azul: #0284c7;\n --color-tech-azul-dark: #0369a1;\n --color-tech-azul-light: rgba(2, 132, 199, 0.08);\n --color-tech-azul-glow: rgba(2, 132, 199, 0.22);\n \n \/* Identidad Carrera 2: Mantenimiento Industrial (Naranja Industrial) *\/\n --color-ind-naranja: #ea580c;\n --color-ind-naranja-dark: #c2410c;\n --color-ind-naranja-light: rgba(234, 88, 12, 0.08);\n --color-ind-naranja-glow: rgba(234, 88, 12, 0.22);\n \n --color-texto-principal: #0f172a;\n --color-texto-secundario: #475569;\n --color-fondo-base: #f8fafc;\n --color-blanco: #ffffff;\n \n --radio-borde: 16px;\n --fuente-principal: 'Outfit', 'Roboto', 'Segoe UI', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: var(--fuente-principal);\n background-color: var(--color-fondo-base);\n color: var(--color-texto-principal);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* Compatibilidad con GeneratePress \/ WordPress *\/\n .site-content,\n #content.site-content,\n .inside-article,\n .entry-content {\n padding-top: 0 !important;\n margin-top: 0 !important;\n }\n\n \/* ==========================================================================\n 1. CABECERA INSTITUCIONAL HERO (FRENTE COLOMBO + LOGO + BIENVENIDA)\n ========================================================================== *\/\n .colombo-hero-banner {\n position: relative;\n width: 100%;\n min-height: 490px;\n background-image: \n linear-gradient(135deg, rgba(3, 35, 18, 0.88) 0%, rgba(5, 50, 26, 0.78) 50%, rgba(15, 23, 42, 0.70) 100%),\n url('https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/Frente-colombo-scaled.jpg');\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 60px 24px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);\n border-bottom: 5px solid var(--color-institucional-verde);\n overflow: hidden;\n }\n\n .colombo-hero-banner::before {\n content: \"\";\n position: absolute;\n top: -30%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(0, 204, 102, 0.2) 0%, transparent 70%);\n pointer-events: none;\n z-index: 1;\n }\n\n .hero-container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n }\n\n .hero-text-area {\n flex: 1;\n text-align: left;\n color: var(--color-blanco);\n }\n\n .hero-badge-bienvenida {\n display: inline-flex;\n align-items: center;\n background-color: var(--color-institucional-verde);\n color: #ffffff;\n padding: 6px 16px;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 14px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.25);\n }\n\n .hero-pretitle {\n font-size: clamp(16px, 2.2vw, 22px);\n font-weight: 600;\n letter-spacing: 0.5px;\n color: rgba(255, 255, 255, 0.92);\n margin: 0 0 8px 0;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);\n text-transform: uppercase;\n }\n\n .hero-title {\n font-size: clamp(26px, 3.8vw, 44px);\n font-weight: 900;\n line-height: 1.15;\n margin: 0 0 16px 0;\n color: #ffffff;\n text-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);\n letter-spacing: -0.5px;\n }\n\n .hero-title span.institucion-nombre {\n color: #f8fafc;\n display: block;\n }\n\n .hero-tag-nivel {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.12);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1.5px solid rgba(255, 255, 255, 0.35);\n color: #ffffff;\n font-size: clamp(14px, 1.8vw, 18px);\n font-weight: 800;\n letter-spacing: 2px;\n padding: 8px 20px;\n border-radius: 30px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);\n }\n\n .hero-tag-nivel::before,\n .hero-tag-nivel::after {\n content: \"\u2022\";\n color: #4ade80;\n font-size: 20px;\n }\n\n .hero-logo-area {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n \/* Logo el doble de grande con efecto de elevaci\u00f3n *\/\n .hero-logo-img {\n width: 320px;\n height: 320px;\n max-width: 340px;\n max-height: 340px;\n object-fit: contain;\n filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.55));\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;\n }\n\n .hero-logo-img:hover {\n transform: scale(1.05) rotate(1deg);\n filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.65));\n }\n\n \/* ==========================================================================\n 2. SECCI\u00d3N: NUESTRAS PROPUESTAS ACAD\u00c9MICAS\n ========================================================================== *\/\n .seccion-propuestas-academicas {\n padding: 50px 20px 80px 20px;\n max-width: 1240px;\n margin: 0 auto;\n }\n\n \/* Encabezado Superior Redise\u00f1ado *\/\n .encabezado-propuestas {\n width: 100%;\n margin-bottom: 40px;\n border-radius: var(--radio-borde);\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n }\n\n .banner-verde-titulo {\n background: linear-gradient(135deg, #007A3D 0%, #005a2d 100%);\n color: var(--color-blanco);\n text-align: center;\n padding: 20px 18px;\n border-top-left-radius: var(--radio-borde);\n border-top-right-radius: var(--radio-borde);\n position: relative;\n }\n\n .banner-verde-titulo h2 {\n margin: 0;\n font-size: clamp(19px, 2.3vw, 27px);\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--color-blanco);\n line-height: 1.2;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n }\n\n .subtitulo-blanco {\n background-color: var(--color-blanco);\n text-align: center;\n padding: 12px 18px 15px 18px;\n border-bottom-left-radius: var(--radio-borde);\n border-bottom-right-radius: var(--radio-borde);\n border: 1px solid rgba(0, 122, 61, 0.12);\n border-top: none;\n }\n\n .subtitulo-blanco p {\n margin: 0;\n font-size: clamp(13.5px, 1.5vw, 16px);\n font-weight: 700;\n color: var(--color-institucional-verde);\n letter-spacing: 0.2px;\n }\n\n \/* Grilla de Carreras (2 en 2 en escritorio) *\/\n .grilla-carreras-dos {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n width: 100%;\n }\n\n \/* ==========================================================================\n 3. TARJETAS DE ESCRITORIO (.card-desktop) CON NUEVA IMPRONTA DE COLOR\n ========================================================================== *\/\n .card-desktop {\n display: flex;\n flex-direction: row;\n background-color: var(--color-blanco);\n border-radius: var(--radio-borde);\n overflow: hidden;\n min-height: 310px;\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n }\n\n \/* Estilo Espec\u00edfico Carrera 1: Azul Tecnol\u00f3gico *\/\n .carrera-tecnologica .card-desktop {\n border: 2.5px solid var(--color-tech-azul);\n box-shadow: 0 8px 24px rgba(2, 132, 199, 0.10);\n }\n\n .carrera-tecnologica .card-desktop:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px var(--color-tech-azul-glow);\n }\n\n \/* Estilo Espec\u00edfico Carrera 2: Naranja Industrial *\/\n .carrera-mantenimiento .card-desktop {\n border: 2.5px solid var(--color-ind-naranja);\n box-shadow: 0 8px 24px rgba(234, 88, 12, 0.10);\n }\n\n .carrera-mantenimiento .card-desktop:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px var(--color-ind-naranja-glow);\n }\n\n \/* Columna de Imagen *\/\n .tarjeta-media {\n width: 44%;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n background-color: #e2e8f0;\n }\n\n .tarjeta-media a {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .tarjeta-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .card-desktop:hover .tarjeta-media img {\n transform: scale(1.06);\n }\n\n \/* Columna de Contenido *\/\n .tarjeta-cuerpo {\n width: 56%;\n padding: 26px 22px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n background: #ffffff;\n position: relative;\n }\n\n \/* Badges Superiores de Carrera *\/\n .badge-carrera {\n display: inline-block;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 4px 12px;\n border-radius: 20px;\n margin-bottom: 12px;\n }\n\n .badge-carrera-azul {\n background-color: var(--color-tech-azul-light);\n color: var(--color-tech-azul);\n border: 1px solid rgba(2, 132, 199, 0.25);\n }\n\n .badge-carrera-naranja {\n background-color: var(--color-ind-naranja-light);\n color: var(--color-ind-naranja);\n border: 1px solid rgba(234, 88, 12, 0.25);\n }\n\n \/* T\u00edtulo de la Carrera *\/\n .tarjeta-cuerpo h3 {\n margin: 0 0 10px 0;\n font-size: clamp(19px, 1.8vw, 22px);\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.2px;\n }\n\n .tarjeta-titulo-link {\n color: #0f172a;\n text-decoration: none;\n transition: color 0.25s ease;\n }\n\n .carrera-tecnologica .tarjeta-titulo-link:hover {\n color: var(--color-tech-azul);\n }\n\n .carrera-mantenimiento .tarjeta-titulo-link:hover {\n color: var(--color-ind-naranja);\n }\n\n \/* Descripci\u00f3n *\/\n .tarjeta-cuerpo p {\n margin: 0 0 18px 0;\n font-size: 13.5px;\n line-height: 1.5;\n color: var(--color-texto-secundario);\n }\n\n \/* Botones P\u00edldora de Acci\u00f3n *\/\n .btn-carrera-pildora {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 14px;\n font-weight: 700;\n padding: 9px 28px;\n border-radius: 50px;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n border: none;\n cursor: pointer;\n }\n\n .btn-azul {\n background-color: var(--color-tech-azul);\n box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);\n }\n\n .btn-azul:hover {\n background-color: var(--color-tech-azul-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45);\n }\n\n .btn-naranja {\n background-color: var(--color-ind-naranja);\n box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35);\n }\n\n .btn-naranja:hover {\n background-color: var(--color-ind-naranja-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45);\n }\n\n \/* ==========================================================================\n 4. VISTA PARA CELULARES TIPO ISPED (.card-mobile)\n ========================================================================== *\/\n .card-mobile {\n display: none; \/* Oculto en escritorio *\/\n }\n\n @media (max-width: 768px) {\n \/* Ocultar tarjeta grande de desktop *\/\n .card-desktop {\n display: none !important;\n }\n\n \/* Grilla en columna \u00fanica *\/\n .grilla-carreras-dos {\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 15px;\n }\n\n \/* Ajustes de tarjeta m\u00f3vil (formato horizontal tipo barra \/ ISPED) *\/\n .card-mobile {\n display: flex !important;\n align-items: center;\n background-color: #ffffff;\n border-radius: 14px;\n text-decoration: none;\n overflow: hidden;\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);\n transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n min-height: 80px;\n border: 2px solid #e2e8f0;\n }\n\n .card-mobile:active,\n .card-mobile:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(0, 0, 0, 0.09);\n }\n\n \/* Caja de \u00edcono izquierda *\/\n .card-mobile-icon-box {\n width: 72px;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border-right: 2px solid #e2e8f0;\n }\n\n .card-mobile-icon-box svg {\n width: 32px;\n height: 32px;\n }\n\n \/* Contenido central *\/\n .card-mobile-content {\n padding: 12px 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: left;\n flex: 1;\n }\n\n .card-mobile-content .prefix {\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.6px;\n margin-bottom: 3px;\n text-transform: uppercase;\n }\n\n .card-mobile-content .title {\n font-size: 15px;\n font-weight: 900;\n letter-spacing: 0.2px;\n line-height: 1.25;\n }\n\n \/* Flecha indicadora derecha *\/\n .card-mobile-arrow {\n padding-right: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.6;\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n\n .card-mobile:hover .card-mobile-arrow {\n transform: translateX(3px);\n opacity: 1;\n }\n\n .card-mobile-arrow svg {\n width: 20px;\n height: 20px;\n }\n\n \/* Colores tem\u00e1ticos m\u00f3viles Carrera 1: Azul Tecnol\u00f3gico *\/\n .carrera-tecnologica .card-mobile {\n border-color: var(--color-tech-azul);\n }\n\n .carrera-tecnologica .card-mobile-icon-box {\n border-right-color: var(--color-tech-azul);\n color: var(--color-tech-azul);\n background-color: var(--color-tech-azul-light);\n }\n\n .carrera-tecnologica .card-mobile-content .prefix {\n color: var(--color-tech-azul-dark);\n }\n\n .carrera-tecnologica .card-mobile-content .title {\n color: var(--color-tech-azul);\n }\n\n .carrera-tecnologica .card-mobile-arrow svg {\n stroke: var(--color-tech-azul);\n }\n\n \/* Colores tem\u00e1ticos m\u00f3viles Carrera 2: Naranja Industrial *\/\n .carrera-mantenimiento .card-mobile {\n border-color: var(--color-ind-naranja);\n }\n\n .carrera-mantenimiento .card-mobile-icon-box {\n border-right-color: var(--color-ind-naranja);\n color: var(--color-ind-naranja);\n background-color: var(--color-ind-naranja-light);\n }\n\n .carrera-mantenimiento .card-mobile-content .prefix {\n color: var(--color-ind-naranja-dark);\n }\n\n .carrera-mantenimiento .card-mobile-content .title {\n color: var(--color-ind-naranja);\n }\n\n .carrera-mantenimiento .card-mobile-arrow svg {\n stroke: var(--color-ind-naranja);\n }\n\n \/* Ocultar el banner de imagen en la pantalla para celulares (igual que en ISPED) *\/\n .colombo-hero-banner {\n display: none !important;\n }\n\n \/* Ajuste compacto de la secci\u00f3n de propuestas en celulares *\/\n .seccion-propuestas-academicas {\n padding: 20px 14px 45px 14px;\n }\n\n .encabezado-propuestas {\n margin-bottom: 24px;\n }\n\n .banner-verde-titulo {\n padding: 16px 14px;\n }\n\n .banner-verde-titulo h2 {\n font-size: 19px;\n letter-spacing: 0.8px;\n }\n\n .subtitulo-blanco {\n padding: 10px 12px 13px 12px;\n }\n\n .subtitulo-blanco p {\n font-size: 13.5px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"colombo-hero-banner\" role=\"banner\">\n <div class=\"hero-container\">\n \n \n <div class=\"hero-text-area\">\n <div class=\"hero-badge-bienvenida\">Bienvenidos<\/div>\n \n <p class=\"hero-pretitle\">Al sitio web del<\/p>\n \n <h1 class=\"hero-title\">\n <span class=\"institucion-nombre\">E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb<\/span>\n <\/h1>\n \n <div class=\"hero-tag-nivel\">\n NIVEL SUPERIOR\n <\/div>\n <\/div>\n\n \n <div class=\"hero-logo-area\">\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/\" title=\"E.E.T. N\u00b02 Colombo - Inicio\">\n <img decoding=\"async\" \n src=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/logo-1.png\" \n alt=\"Logo Oficial E.E.T. N\u00b02 Pbro. Jos\u00e9 Mar\u00eda Colombo\" \n class=\"hero-logo-img\"\n >\n <\/a>\n <\/div>\n\n <\/div>\n <\/header>\n\n \n <main class=\"seccion-propuestas-academicas\" id=\"propuestas-academicas\">\n \n \n <div class=\"encabezado-propuestas\">\n <div class=\"banner-verde-titulo\">\n <h2>NUESTRAS PROPUESTAS ACAD\u00c9MICAS<\/h2>\n <\/div>\n <div class=\"subtitulo-blanco\">\n <p>Formaci\u00f3n acad\u00e9mica de calidad para tu futuro<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"grilla-carreras-dos\">\n \n \n <div class=\"tarjeta-wrapper carrera-tecnologica\">\n \n \n <article class=\"card-desktop\">\n <div class=\"tarjeta-media\">\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" title=\"Profesorado en Educaci\u00f3n Tecnol\u00f3gica\">\n <img decoding=\"async\" \n src=\"https:\/\/media.istockphoto.com\/id\/1366724990\/es\/foto\/sonriente-profesor-de-inform%C3%A1tica-usando-una-computadora-port%C3%A1til-durante-una-clase-y-mirando.jpg?s=612x612&w=0&k=20&c=wcLvTAuBASo1yxM7EoVd8mDIEYonEEmMoc0N68FfYqY=\" \n alt=\"Profesorado en Educaci\u00f3n Tecnol\u00f3gica - Formaci\u00f3n Docente en Aula\"\n loading=\"lazy\"\n >\n <\/a>\n <\/div>\n \n <div class=\"tarjeta-cuerpo\">\n <span class=\"badge-carrera badge-carrera-azul\">🎓 Formaci\u00f3n Docente<\/span>\n <h3>\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" class=\"tarjeta-titulo-link\">\n Profesorado en Educaci\u00f3n Tecnol\u00f3gica\n <\/a>\n <\/h3>\n <p>Formate como docente en el \u00e1rea de la tecnolog\u00eda, combinando conocimientos pedag\u00f3gicos y t\u00e9cnicos para ense\u00f1ar en distintos niveles educativos.<\/p>\n <a \n href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" \n class=\"btn-carrera-pildora btn-azul\"\n aria-label=\"Ver m\u00e1s informaci\u00f3n sobre el Profesorado en Educaci\u00f3n Tecnol\u00f3gica\"\n >\n Ver m\u00e1s <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/article>\n\n \n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" class=\"card-mobile\" aria-label=\"Ir a Profesorado en Educaci\u00f3n Tecnol\u00f3gica\">\n <div class=\"card-mobile-icon-box\">\n \n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"card-mobile-content\">\n <span class=\"prefix\">PROFESORADO EN<\/span>\n <span class=\"title\">EDUCACI\u00d3N TECNOL\u00d3GICA<\/span>\n <\/div>\n <div class=\"card-mobile-arrow\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n\n <\/div>\n\n \n <div class=\"tarjeta-wrapper carrera-mantenimiento\">\n \n \n <article class=\"card-desktop\">\n <div class=\"tarjeta-media\">\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" title=\"Tecnicatura Superior en Mantenimiento Industrial\">\n <img decoding=\"async\" \n src=\"https:\/\/jprietovalles.com\/wp-content\/uploads\/mantenimiento-industrial-fontaneria-electricidad.webp\" \n alt=\"Tecnicatura Superior en Mantenimiento Industrial - T\u00e9cnico Electricista en Tablero\"\n loading=\"lazy\"\n >\n <\/a>\n <\/div>\n \n <div class=\"tarjeta-cuerpo\">\n <span class=\"badge-carrera badge-carrera-naranja\">⚙️ Tecnicatura Superior<\/span>\n <h3>\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" class=\"tarjeta-titulo-link\">\n Tecnicatura Superior en Mantenimiento Industrial\n <\/a>\n <\/h3>\n <p>Convertite en un profesional capacitado para planificar, ejecutar y supervisar tareas de mantenimiento en industrias de diferentes sectores.<\/p>\n <a \n href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" \n class=\"btn-carrera-pildora btn-naranja\"\n aria-label=\"Ver m\u00e1s informaci\u00f3n sobre la Tecnicatura Superior en Mantenimiento Industrial\"\n >\n Ver m\u00e1s <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/article>\n\n \n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" class=\"card-mobile\" aria-label=\"Ir a Tecnicatura Superior en Mantenimiento Industrial\">\n <div class=\"card-mobile-icon-box\">\n \n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"card-mobile-content\">\n <span class=\"prefix\">TECNICATURA SUPERIOR EN<\/span>\n <span class=\"title\">MANTENIMIENTO INDUSTRIAL<\/span>\n <\/div>\n <div class=\"card-mobile-arrow\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <\/main>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Propuestas Acad\u00e9micas – E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb | Nivel Superior Bienvenidos Al sitio web del E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb NIVEL SUPERIOR NUESTRAS PROPUESTAS ACAD\u00c9MICAS Formaci\u00f3n acad\u00e9mica de calidad para tu futuro 🎓 Formaci\u00f3n Docente Profesorado en Educaci\u00f3n Tecnol\u00f3gica Formate como docente en el \u00e1rea de la tecnolog\u00eda, combinando conocimientos pedag\u00f3gicos y … <a title=\"Inicio\" class=\"read-more\" href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/\" aria-label=\"More on Inicio\">[+]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286"}],"collection":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":131,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":1148,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions\/1148"}],"wp:attachment":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":286,"date":"2016-10-31T13:17:59","date_gmt":"2016-10-31T16:17:59","guid":{"rendered":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/?page_id=286"},"modified":"2026-09-04T14:34:59","modified_gmt":"2026-09-04T17:34:59","slug":"inicio","status":"publish","type":"page","link":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n\n\n\n \n \n Propuestas Acad\u00e9micas – E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb | Nivel Superior<\/title>\n \n \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=Outfit:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ==========================================================================\n VARIABLES Y RESET - E.E.T. N\u00b02 PBRO. JOS\u00c9 MAR\u00cdA COLOMBO\n ========================================================================== *\/\n :root {\n \/* Identidad Institucional Colombo *\/\n --color-institucional-verde: #007A3D;\n --color-institucional-oscuro: #005A2B;\n \n \/* Identidad Carrera 1: Profesorado en Educaci\u00f3n Tecnol\u00f3gica (Azul Tech) *\/\n --color-tech-azul: #0284c7;\n --color-tech-azul-dark: #0369a1;\n --color-tech-azul-light: rgba(2, 132, 199, 0.08);\n --color-tech-azul-glow: rgba(2, 132, 199, 0.22);\n \n \/* Identidad Carrera 2: Mantenimiento Industrial (Naranja Industrial) *\/\n --color-ind-naranja: #ea580c;\n --color-ind-naranja-dark: #c2410c;\n --color-ind-naranja-light: rgba(234, 88, 12, 0.08);\n --color-ind-naranja-glow: rgba(234, 88, 12, 0.22);\n \n --color-texto-principal: #0f172a;\n --color-texto-secundario: #475569;\n --color-fondo-base: #f8fafc;\n --color-blanco: #ffffff;\n \n --radio-borde: 16px;\n --fuente-principal: 'Outfit', 'Roboto', 'Segoe UI', sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: var(--fuente-principal);\n background-color: var(--color-fondo-base);\n color: var(--color-texto-principal);\n -webkit-font-smoothing: antialiased;\n }\n\n \/* Compatibilidad con GeneratePress \/ WordPress *\/\n .site-content,\n #content.site-content,\n .inside-article,\n .entry-content {\n padding-top: 0 !important;\n margin-top: 0 !important;\n }\n\n \/* ==========================================================================\n 1. CABECERA INSTITUCIONAL HERO (FRENTE COLOMBO + LOGO + BIENVENIDA)\n ========================================================================== *\/\n .colombo-hero-banner {\n position: relative;\n width: 100%;\n min-height: 490px;\n background-image: \n linear-gradient(135deg, rgba(3, 35, 18, 0.88) 0%, rgba(5, 50, 26, 0.78) 50%, rgba(15, 23, 42, 0.70) 100%),\n url('https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/09\/Frente-colombo-scaled.jpg');\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 60px 24px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);\n border-bottom: 5px solid var(--color-institucional-verde);\n overflow: hidden;\n }\n\n .colombo-hero-banner::before {\n content: \"\";\n position: absolute;\n top: -30%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(0, 204, 102, 0.2) 0%, transparent 70%);\n pointer-events: none;\n z-index: 1;\n }\n\n .hero-container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n }\n\n .hero-text-area {\n flex: 1;\n text-align: left;\n color: var(--color-blanco);\n }\n\n .hero-badge-bienvenida {\n display: inline-flex;\n align-items: center;\n background-color: var(--color-institucional-verde);\n color: #ffffff;\n padding: 6px 16px;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 14px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.25);\n }\n\n .hero-pretitle {\n font-size: clamp(16px, 2.2vw, 22px);\n font-weight: 600;\n letter-spacing: 0.5px;\n color: rgba(255, 255, 255, 0.92);\n margin: 0 0 8px 0;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);\n text-transform: uppercase;\n }\n\n .hero-title {\n font-size: clamp(26px, 3.8vw, 44px);\n font-weight: 900;\n line-height: 1.15;\n margin: 0 0 16px 0;\n color: #ffffff;\n text-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);\n letter-spacing: -0.5px;\n }\n\n .hero-title span.institucion-nombre {\n color: #f8fafc;\n display: block;\n }\n\n .hero-tag-nivel {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.12);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1.5px solid rgba(255, 255, 255, 0.35);\n color: #ffffff;\n font-size: clamp(14px, 1.8vw, 18px);\n font-weight: 800;\n letter-spacing: 2px;\n padding: 8px 20px;\n border-radius: 30px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);\n }\n\n .hero-tag-nivel::before,\n .hero-tag-nivel::after {\n content: \"\u2022\";\n color: #4ade80;\n font-size: 20px;\n }\n\n .hero-logo-area {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n \/* Logo el doble de grande con efecto de elevaci\u00f3n *\/\n .hero-logo-img {\n width: 320px;\n height: 320px;\n max-width: 340px;\n max-height: 340px;\n object-fit: contain;\n filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.55));\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;\n }\n\n .hero-logo-img:hover {\n transform: scale(1.05) rotate(1deg);\n filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.65));\n }\n\n \/* ==========================================================================\n 2. SECCI\u00d3N: NUESTRAS PROPUESTAS ACAD\u00c9MICAS\n ========================================================================== *\/\n .seccion-propuestas-academicas {\n padding: 50px 20px 80px 20px;\n max-width: 1240px;\n margin: 0 auto;\n }\n\n \/* Encabezado Superior Redise\u00f1ado *\/\n .encabezado-propuestas {\n width: 100%;\n margin-bottom: 40px;\n border-radius: var(--radio-borde);\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n }\n\n .banner-verde-titulo {\n background: linear-gradient(135deg, #007A3D 0%, #005a2d 100%);\n color: var(--color-blanco);\n text-align: center;\n padding: 20px 18px;\n border-top-left-radius: var(--radio-borde);\n border-top-right-radius: var(--radio-borde);\n position: relative;\n }\n\n .banner-verde-titulo h2 {\n margin: 0;\n font-size: clamp(19px, 2.3vw, 27px);\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--color-blanco);\n line-height: 1.2;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n }\n\n .subtitulo-blanco {\n background-color: var(--color-blanco);\n text-align: center;\n padding: 12px 18px 15px 18px;\n border-bottom-left-radius: var(--radio-borde);\n border-bottom-right-radius: var(--radio-borde);\n border: 1px solid rgba(0, 122, 61, 0.12);\n border-top: none;\n }\n\n .subtitulo-blanco p {\n margin: 0;\n font-size: clamp(13.5px, 1.5vw, 16px);\n font-weight: 700;\n color: var(--color-institucional-verde);\n letter-spacing: 0.2px;\n }\n\n \/* Grilla de Carreras (2 en 2 en escritorio) *\/\n .grilla-carreras-dos {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n width: 100%;\n }\n\n \/* ==========================================================================\n 3. TARJETAS DE ESCRITORIO (.card-desktop) CON NUEVA IMPRONTA DE COLOR\n ========================================================================== *\/\n .card-desktop {\n display: flex;\n flex-direction: row;\n background-color: var(--color-blanco);\n border-radius: var(--radio-borde);\n overflow: hidden;\n min-height: 310px;\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n }\n\n \/* Estilo Espec\u00edfico Carrera 1: Azul Tecnol\u00f3gico *\/\n .carrera-tecnologica .card-desktop {\n border: 2.5px solid var(--color-tech-azul);\n box-shadow: 0 8px 24px rgba(2, 132, 199, 0.10);\n }\n\n .carrera-tecnologica .card-desktop:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px var(--color-tech-azul-glow);\n }\n\n \/* Estilo Espec\u00edfico Carrera 2: Naranja Industrial *\/\n .carrera-mantenimiento .card-desktop {\n border: 2.5px solid var(--color-ind-naranja);\n box-shadow: 0 8px 24px rgba(234, 88, 12, 0.10);\n }\n\n .carrera-mantenimiento .card-desktop:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px var(--color-ind-naranja-glow);\n }\n\n \/* Columna de Imagen *\/\n .tarjeta-media {\n width: 44%;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n background-color: #e2e8f0;\n }\n\n .tarjeta-media a {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .tarjeta-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .card-desktop:hover .tarjeta-media img {\n transform: scale(1.06);\n }\n\n \/* Columna de Contenido *\/\n .tarjeta-cuerpo {\n width: 56%;\n padding: 26px 22px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n background: #ffffff;\n position: relative;\n }\n\n \/* Badges Superiores de Carrera *\/\n .badge-carrera {\n display: inline-block;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 4px 12px;\n border-radius: 20px;\n margin-bottom: 12px;\n }\n\n .badge-carrera-azul {\n background-color: var(--color-tech-azul-light);\n color: var(--color-tech-azul);\n border: 1px solid rgba(2, 132, 199, 0.25);\n }\n\n .badge-carrera-naranja {\n background-color: var(--color-ind-naranja-light);\n color: var(--color-ind-naranja);\n border: 1px solid rgba(234, 88, 12, 0.25);\n }\n\n \/* T\u00edtulo de la Carrera *\/\n .tarjeta-cuerpo h3 {\n margin: 0 0 10px 0;\n font-size: clamp(19px, 1.8vw, 22px);\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.2px;\n }\n\n .tarjeta-titulo-link {\n color: #0f172a;\n text-decoration: none;\n transition: color 0.25s ease;\n }\n\n .carrera-tecnologica .tarjeta-titulo-link:hover {\n color: var(--color-tech-azul);\n }\n\n .carrera-mantenimiento .tarjeta-titulo-link:hover {\n color: var(--color-ind-naranja);\n }\n\n \/* Descripci\u00f3n *\/\n .tarjeta-cuerpo p {\n margin: 0 0 18px 0;\n font-size: 13.5px;\n line-height: 1.5;\n color: var(--color-texto-secundario);\n }\n\n \/* Botones P\u00edldora de Acci\u00f3n *\/\n .btn-carrera-pildora {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: #ffffff !important;\n text-decoration: none !important;\n font-size: 14px;\n font-weight: 700;\n padding: 9px 28px;\n border-radius: 50px;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n border: none;\n cursor: pointer;\n }\n\n .btn-azul {\n background-color: var(--color-tech-azul);\n box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);\n }\n\n .btn-azul:hover {\n background-color: var(--color-tech-azul-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45);\n }\n\n .btn-naranja {\n background-color: var(--color-ind-naranja);\n box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35);\n }\n\n .btn-naranja:hover {\n background-color: var(--color-ind-naranja-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 18px rgba(234, 88, 12, 0.45);\n }\n\n \/* ==========================================================================\n 4. VISTA PARA CELULARES TIPO ISPED (.card-mobile)\n ========================================================================== *\/\n .card-mobile {\n display: none; \/* Oculto en escritorio *\/\n }\n\n @media (max-width: 768px) {\n \/* Ocultar tarjeta grande de desktop *\/\n .card-desktop {\n display: none !important;\n }\n\n \/* Grilla en columna \u00fanica *\/\n .grilla-carreras-dos {\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 15px;\n }\n\n \/* Ajustes de tarjeta m\u00f3vil (formato horizontal tipo barra \/ ISPED) *\/\n .card-mobile {\n display: flex !important;\n align-items: center;\n background-color: #ffffff;\n border-radius: 14px;\n text-decoration: none;\n overflow: hidden;\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);\n transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n min-height: 80px;\n border: 2px solid #e2e8f0;\n }\n\n .card-mobile:active,\n .card-mobile:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(0, 0, 0, 0.09);\n }\n\n \/* Caja de \u00edcono izquierda *\/\n .card-mobile-icon-box {\n width: 72px;\n height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border-right: 2px solid #e2e8f0;\n }\n\n .card-mobile-icon-box svg {\n width: 32px;\n height: 32px;\n }\n\n \/* Contenido central *\/\n .card-mobile-content {\n padding: 12px 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: left;\n flex: 1;\n }\n\n .card-mobile-content .prefix {\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.6px;\n margin-bottom: 3px;\n text-transform: uppercase;\n }\n\n .card-mobile-content .title {\n font-size: 15px;\n font-weight: 900;\n letter-spacing: 0.2px;\n line-height: 1.25;\n }\n\n \/* Flecha indicadora derecha *\/\n .card-mobile-arrow {\n padding-right: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.6;\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n\n .card-mobile:hover .card-mobile-arrow {\n transform: translateX(3px);\n opacity: 1;\n }\n\n .card-mobile-arrow svg {\n width: 20px;\n height: 20px;\n }\n\n \/* Colores tem\u00e1ticos m\u00f3viles Carrera 1: Azul Tecnol\u00f3gico *\/\n .carrera-tecnologica .card-mobile {\n border-color: var(--color-tech-azul);\n }\n\n .carrera-tecnologica .card-mobile-icon-box {\n border-right-color: var(--color-tech-azul);\n color: var(--color-tech-azul);\n background-color: var(--color-tech-azul-light);\n }\n\n .carrera-tecnologica .card-mobile-content .prefix {\n color: var(--color-tech-azul-dark);\n }\n\n .carrera-tecnologica .card-mobile-content .title {\n color: var(--color-tech-azul);\n }\n\n .carrera-tecnologica .card-mobile-arrow svg {\n stroke: var(--color-tech-azul);\n }\n\n \/* Colores tem\u00e1ticos m\u00f3viles Carrera 2: Naranja Industrial *\/\n .carrera-mantenimiento .card-mobile {\n border-color: var(--color-ind-naranja);\n }\n\n .carrera-mantenimiento .card-mobile-icon-box {\n border-right-color: var(--color-ind-naranja);\n color: var(--color-ind-naranja);\n background-color: var(--color-ind-naranja-light);\n }\n\n .carrera-mantenimiento .card-mobile-content .prefix {\n color: var(--color-ind-naranja-dark);\n }\n\n .carrera-mantenimiento .card-mobile-content .title {\n color: var(--color-ind-naranja);\n }\n\n .carrera-mantenimiento .card-mobile-arrow svg {\n stroke: var(--color-ind-naranja);\n }\n\n \/* Ocultar el banner de imagen en la pantalla para celulares (igual que en ISPED) *\/\n .colombo-hero-banner {\n display: none !important;\n }\n\n \/* Ajuste compacto de la secci\u00f3n de propuestas en celulares *\/\n .seccion-propuestas-academicas {\n padding: 20px 14px 45px 14px;\n }\n\n .encabezado-propuestas {\n margin-bottom: 24px;\n }\n\n .banner-verde-titulo {\n padding: 16px 14px;\n }\n\n .banner-verde-titulo h2 {\n font-size: 19px;\n letter-spacing: 0.8px;\n }\n\n .subtitulo-blanco {\n padding: 10px 12px 13px 12px;\n }\n\n .subtitulo-blanco p {\n font-size: 13.5px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"colombo-hero-banner\" role=\"banner\">\n <div class=\"hero-container\">\n \n \n <div class=\"hero-text-area\">\n <div class=\"hero-badge-bienvenida\">Bienvenidos<\/div>\n \n <p class=\"hero-pretitle\">Al sitio web del<\/p>\n \n <h1 class=\"hero-title\">\n <span class=\"institucion-nombre\">E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb<\/span>\n <\/h1>\n \n <div class=\"hero-tag-nivel\">\n NIVEL SUPERIOR\n <\/div>\n <\/div>\n\n \n <div class=\"hero-logo-area\">\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/\" title=\"E.E.T. N\u00b02 Colombo - Inicio\">\n <img decoding=\"async\" \n src=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/logo-1.png\" \n alt=\"Logo Oficial E.E.T. N\u00b02 Pbro. Jos\u00e9 Mar\u00eda Colombo\" \n class=\"hero-logo-img\"\n >\n <\/a>\n <\/div>\n\n <\/div>\n <\/header>\n\n \n <main class=\"seccion-propuestas-academicas\" id=\"propuestas-academicas\">\n \n \n <div class=\"encabezado-propuestas\">\n <div class=\"banner-verde-titulo\">\n <h2>NUESTRAS PROPUESTAS ACAD\u00c9MICAS<\/h2>\n <\/div>\n <div class=\"subtitulo-blanco\">\n <p>Formaci\u00f3n acad\u00e9mica de calidad para tu futuro<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"grilla-carreras-dos\">\n \n \n <div class=\"tarjeta-wrapper carrera-tecnologica\">\n \n \n <article class=\"card-desktop\">\n <div class=\"tarjeta-media\">\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" title=\"Profesorado en Educaci\u00f3n Tecnol\u00f3gica\">\n <img decoding=\"async\" \n src=\"https:\/\/media.istockphoto.com\/id\/1366724990\/es\/foto\/sonriente-profesor-de-inform%C3%A1tica-usando-una-computadora-port%C3%A1til-durante-una-clase-y-mirando.jpg?s=612x612&w=0&k=20&c=wcLvTAuBASo1yxM7EoVd8mDIEYonEEmMoc0N68FfYqY=\" \n alt=\"Profesorado en Educaci\u00f3n Tecnol\u00f3gica - Formaci\u00f3n Docente en Aula\"\n loading=\"lazy\"\n >\n <\/a>\n <\/div>\n \n <div class=\"tarjeta-cuerpo\">\n <span class=\"badge-carrera badge-carrera-azul\">🎓 Formaci\u00f3n Docente<\/span>\n <h3>\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" class=\"tarjeta-titulo-link\">\n Profesorado en Educaci\u00f3n Tecnol\u00f3gica\n <\/a>\n <\/h3>\n <p>Formate como docente en el \u00e1rea de la tecnolog\u00eda, combinando conocimientos pedag\u00f3gicos y t\u00e9cnicos para ense\u00f1ar en distintos niveles educativos.<\/p>\n <a \n href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" \n class=\"btn-carrera-pildora btn-azul\"\n aria-label=\"Ver m\u00e1s informaci\u00f3n sobre el Profesorado en Educaci\u00f3n Tecnol\u00f3gica\"\n >\n Ver m\u00e1s <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/article>\n\n \n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/profesorado-de-educacion-tecnologica\/\" class=\"card-mobile\" aria-label=\"Ir a Profesorado en Educaci\u00f3n Tecnol\u00f3gica\">\n <div class=\"card-mobile-icon-box\">\n \n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n <\/svg>\n <\/div>\n <div class=\"card-mobile-content\">\n <span class=\"prefix\">PROFESORADO EN<\/span>\n <span class=\"title\">EDUCACI\u00d3N TECNOL\u00d3GICA<\/span>\n <\/div>\n <div class=\"card-mobile-arrow\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n\n <\/div>\n\n \n <div class=\"tarjeta-wrapper carrera-mantenimiento\">\n \n \n <article class=\"card-desktop\">\n <div class=\"tarjeta-media\">\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" title=\"Tecnicatura Superior en Mantenimiento Industrial\">\n <img decoding=\"async\" \n src=\"https:\/\/jprietovalles.com\/wp-content\/uploads\/mantenimiento-industrial-fontaneria-electricidad.webp\" \n alt=\"Tecnicatura Superior en Mantenimiento Industrial - T\u00e9cnico Electricista en Tablero\"\n loading=\"lazy\"\n >\n <\/a>\n <\/div>\n \n <div class=\"tarjeta-cuerpo\">\n <span class=\"badge-carrera badge-carrera-naranja\">⚙️ Tecnicatura Superior<\/span>\n <h3>\n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" class=\"tarjeta-titulo-link\">\n Tecnicatura Superior en Mantenimiento Industrial\n <\/a>\n <\/h3>\n <p>Convertite en un profesional capacitado para planificar, ejecutar y supervisar tareas de mantenimiento en industrias de diferentes sectores.<\/p>\n <a \n href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" \n class=\"btn-carrera-pildora btn-naranja\"\n aria-label=\"Ver m\u00e1s informaci\u00f3n sobre la Tecnicatura Superior en Mantenimiento Industrial\"\n >\n Ver m\u00e1s <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/article>\n\n \n <a href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/tecnicatura-superior-en-mantenimiento-industrial\/\" class=\"card-mobile\" aria-label=\"Ir a Tecnicatura Superior en Mantenimiento Industrial\">\n <div class=\"card-mobile-icon-box\">\n \n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"card-mobile-content\">\n <span class=\"prefix\">TECNICATURA SUPERIOR EN<\/span>\n <span class=\"title\">MANTENIMIENTO INDUSTRIAL<\/span>\n <\/div>\n <div class=\"card-mobile-arrow\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n <\/svg>\n <\/div>\n <\/a>\n\n <\/div>\n\n <\/div>\n\n <\/main>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Propuestas Acad\u00e9micas – E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb | Nivel Superior Bienvenidos Al sitio web del E.E.T. N\u00b02 \u00abPbro. Jos\u00e9 Mar\u00eda Colombo\u00bb NIVEL SUPERIOR NUESTRAS PROPUESTAS ACAD\u00c9MICAS Formaci\u00f3n acad\u00e9mica de calidad para tu futuro 🎓 Formaci\u00f3n Docente Profesorado en Educaci\u00f3n Tecnol\u00f3gica Formate como docente en el \u00e1rea de la tecnolog\u00eda, combinando conocimientos pedag\u00f3gicos y … <a title=\"Inicio\" class=\"read-more\" href=\"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/\" aria-label=\"More on Inicio\">[+]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286"}],"collection":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":131,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":1148,"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions\/1148"}],"wp:attachment":[{"href":"https:\/\/eet2gualeguaychu-ers.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}