{"id":16602,"date":"2025-11-12T22:20:43","date_gmt":"2025-11-12T22:20:43","guid":{"rendered":"https:\/\/portal.unah.edu.pe\/?page_id=16602"},"modified":"2026-09-18T22:24:29","modified_gmt":"2026-09-18T22:24:29","slug":"escuela-profesional-de-ingenieria-ambiental","status":"publish","type":"page","link":"https:\/\/portal.unah.edu.pe\/?page_id=16602","title":{"rendered":"Escuela Profesional de Ingenier\u00eda Ambiental"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16602\" class=\"elementor elementor-16602\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-610fdcd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"610fdcd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ab9e405\" data-id=\"ab9e405\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a31c1a7 elementor-widget elementor-widget-html\" data-id=\"a31c1a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"unah-career-portal\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* \u2500\u2500\u2500 TOKENS GLOBALES UNAH \u2500\u2500\u2500 *\/\r\n        .unah-career-portal {\r\n            --unah-red:        #8A0C2B;\r\n            --unah-red-dark:   #6b0921;\r\n            --unah-navy:       #1A233A;\r\n            --unah-navy-dark:  #101626;\r\n            --unah-gold:       #D4AF37;\r\n            --unah-white:      #ffffff;\r\n            --unah-bg:         #f8f9fa;\r\n            --unah-border:     #e9ecef;\r\n            --unah-text:       #2d3748;\r\n            --unah-muted:      #64748b;\r\n            --unah-font:       'Poppins', sans-serif;\r\n            --rad:             14px;\r\n            --sh:              0 8px 24px rgba(0,0,0,0.06);\r\n            \r\n            font-family: var(--unah-font);\r\n            color: var(--unah-text);\r\n            background: var(--unah-white);\r\n            line-height: 1.6;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding-bottom: 60px;\r\n        }\r\n\r\n        .unah-career-portal * { box-sizing: border-box; }\r\n\r\n        .u-container { \r\n            max-width: 1400px; \r\n            margin: 0 auto; \r\n            padding: 0 24px; \r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 0. HERO BANNER: T\u00cdTULO DE LA CARRERA \u2500\u2500\u2500 *\/\r\n        .unah-hero-header {\r\n            background: linear-gradient(135deg, var(--unah-navy) 0%, var(--unah-navy-dark) 100%);\r\n            padding: 40px 0 35px;\r\n            border-bottom: 4px solid var(--unah-gold);\r\n            position: relative;\r\n            margin-bottom: 25px;\r\n        }\r\n        .hero-pretitle {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--unah-gold);\r\n            font-size: 11.5px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            margin-bottom: 8px;\r\n        }\r\n        .hero-title {\r\n            color: var(--unah-white);\r\n            font-size: clamp(23px, 3vw, 34px);\r\n            font-weight: 800;\r\n            line-height: 1.25;\r\n            margin: 0 0 16px 0;\r\n            max-width: 1150px;\r\n        }\r\n        .hero-badges {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n        }\r\n        .h-badge {\r\n            background: rgba(255,255,255,0.08);\r\n            border: 1px solid rgba(255,255,255,0.15);\r\n            color: var(--unah-white);\r\n            padding: 5px 14px;\r\n            border-radius: 50px;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n        .h-badge.gold {\r\n            border-color: var(--unah-gold);\r\n            color: var(--unah-gold);\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 KICKER INSTITUCIONAL \u2500\u2500\u2500 *\/\r\n        .unah-kicker {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--unah-red);\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            margin-bottom: 6px;\r\n        }\r\n        .unah-kicker::before,\r\n        .unah-kicker::after {\r\n            content: '';\r\n            width: 16px; \r\n            height: 2px;\r\n            background: var(--unah-red);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 1. BARRA DE INFORMACI\u00d3N CLAVE \u2500\u2500\u2500 *\/\r\n        .info-bar-wrap {\r\n            margin-bottom: 15px;\r\n        }\r\n        .info-bar {\r\n            background: var(--unah-white); \r\n            display: grid; \r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            padding: 18px 20px; \r\n            border-radius: var(--rad); \r\n            box-shadow: var(--sh);\r\n            border: 1px solid var(--unah-border);\r\n            border-bottom: 4px solid var(--unah-red);\r\n            gap: 16px;\r\n        }\r\n        .info-item { \r\n            text-align: center; \r\n            border-right: 1px solid var(--unah-border); \r\n            padding: 4px 10px; \r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        .info-item:last-child { border-right: none; }\r\n        .info-item span { \r\n            display: block; \r\n            font-size: 10.5px; \r\n            text-transform: uppercase; \r\n            color: var(--unah-muted); \r\n            font-weight: 700; \r\n            letter-spacing: 1px; \r\n            margin-bottom: 3px;\r\n        }\r\n        .info-item strong { \r\n            color: var(--unah-navy); \r\n            font-size: 13px; \r\n            font-weight: 700;\r\n            line-height: 1.35;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 2. PRESENTACI\u00d3N DE LA CARRERA \u2500\u2500\u2500 *\/\r\n        .presentation-section { \r\n            padding: 25px 0 20px; \r\n            position: relative;\r\n        }\r\n        .grid-2col { \r\n            display: grid; \r\n            grid-template-columns: 1fr 1fr; \r\n            gap: 36px; \r\n            align-items: center; \r\n        }\r\n        .video-box { \r\n            border-radius: var(--rad); \r\n            overflow: hidden; \r\n            box-shadow: 0 12px 30px rgba(26, 35, 58, 0.12); \r\n            background: #000; \r\n            aspect-ratio: 16\/9; \r\n            border: 1px solid var(--unah-border);\r\n        }\r\n        .video-box video { \r\n            width: 100%; \r\n            height: 100%; \r\n            object-fit: cover; \r\n            display: block;\r\n        }\r\n        .pres-title {\r\n            font-size: clamp(22px, 2.5vw, 28px);\r\n            font-weight: 800;\r\n            color: var(--unah-navy);\r\n            line-height: 1.25;\r\n            margin: 0 0 14px;\r\n        }\r\n        .pres-title em {\r\n            font-style: normal;\r\n            color: var(--unah-red);\r\n        }\r\n        .pres-desc {\r\n            font-size: 14px;\r\n            color: var(--unah-muted);\r\n            line-height: 1.65;\r\n            margin-bottom: 12px;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 3. SECCI\u00d3N OBJETIVOS (IZQ) Y PERFILES (DER) \u2500\u2500\u2500 *\/\r\n        .profile-section { \r\n            padding: 30px 0 35px; \r\n            background: var(--unah-white);\r\n            position: relative;\r\n        }\r\n        .profile-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: radial-gradient(rgba(0,0,0,0.04) 1.5px, transparent 1.5px);\r\n            background-size: 26px 26px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .profile-obj-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.05fr 0.95fr;\r\n            gap: 30px;\r\n            position: relative;\r\n            z-index: 1;\r\n            align-items: start;\r\n        }\r\n\r\n        \/* TARJETA DE OBJETIVOS ACAD\u00c9MICOS *\/\r\n        .objectives-card {\r\n            background: var(--unah-white);\r\n            border-radius: var(--rad);\r\n            box-shadow: var(--sh);\r\n            border: 1px solid var(--unah-border);\r\n            border-top: 5px solid var(--unah-gold);\r\n            padding: 26px 24px;\r\n        }\r\n        .objectives-card h3 {\r\n            color: var(--unah-navy);\r\n            font-size: 18px;\r\n            font-weight: 800;\r\n            border-bottom: 2px solid var(--unah-border);\r\n            padding-bottom: 10px;\r\n            margin-bottom: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n        .obj-badge-flag {\r\n            font-size: 10px;\r\n            background: rgba(212, 175, 55, 0.15);\r\n            color: #937310;\r\n            padding: 3px 10px;\r\n            border-radius: 4px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .obj-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n        .obj-item {\r\n            display: flex;\r\n            gap: 14px;\r\n            background: var(--unah-bg);\r\n            border: 1px solid var(--unah-border);\r\n            padding: 14px 16px;\r\n            border-radius: 10px;\r\n            align-items: flex-start;\r\n        }\r\n        .obj-number {\r\n            background: var(--unah-navy);\r\n            color: var(--unah-white);\r\n            font-weight: 800;\r\n            font-size: 11px;\r\n            min-width: 24px;\r\n            height: 24px;\r\n            border-radius: 50%;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            margin-top: 2px;\r\n        }\r\n        .obj-text {\r\n            font-size: 13px;\r\n            color: var(--unah-text);\r\n            line-height: 1.55;\r\n            text-align: justify;\r\n        }\r\n        .obj-text strong {\r\n            display: block;\r\n            color: var(--unah-navy);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 3px;\r\n        }\r\n\r\n        \/* COLUMNA PERFILES *\/\r\n        .profiles-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 24px;\r\n        }\r\n\r\n        .profile-card { \r\n            padding: 26px 24px; \r\n            border-radius: var(--rad); \r\n            background: var(--unah-white); \r\n            box-shadow: var(--sh); \r\n            border: 1px solid var(--unah-border);\r\n            border-top: 5px solid var(--unah-navy);\r\n        }\r\n        .profile-card.egresado {\r\n            border-top-color: var(--unah-red);\r\n        }\r\n        .profile-card h3 { \r\n            color: var(--unah-navy); \r\n            font-size: 18px; \r\n            font-weight: 800;\r\n            border-bottom: 2px solid var(--unah-border); \r\n            padding-bottom: 10px; \r\n            margin-bottom: 14px; \r\n        }\r\n\r\n        .competency-title { \r\n            display: flex; \r\n            align-items: center; \r\n            gap: 8px; \r\n            color: var(--unah-navy); \r\n            font-weight: 700; \r\n            font-size: 13px; \r\n            margin: 14px 0 6px; \r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .check-list { \r\n            list-style: none; \r\n            padding: 0; \r\n            margin: 0; \r\n        }\r\n        .check-list li { \r\n            position: relative; \r\n            padding-left: 22px; \r\n            margin-bottom: 7px; \r\n            font-size: 13px; \r\n            color: var(--unah-text); \r\n            line-height: 1.5; \r\n        }\r\n        .check-list li::before { \r\n            content: '\u2713'; \r\n            position: absolute; \r\n            left: 0; \r\n            color: var(--unah-red); \r\n            font-weight: 900; \r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 4. SECCI\u00d3N ACAD\u00c9MICA \/ DOCUMENTOS \u2500\u2500\u2500 *\/\r\n        .academic-section { \r\n            background: var(--unah-white); \r\n            padding: 25px 0 45px; \r\n            position: relative;\r\n        }\r\n        .academic-grid { \r\n            display: grid; \r\n            grid-template-columns: 1.3fr 1fr; \r\n            gap: 30px; \r\n            align-items: start; \r\n        }\r\n        .preview-box { \r\n            background: var(--unah-white);\r\n            border-radius: var(--rad); \r\n            box-shadow: var(--sh); \r\n            border: 1px solid var(--unah-border);\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        .preview-top-bar {\r\n            background: var(--unah-bg);\r\n            border-bottom: 1px solid var(--unah-border);\r\n            padding: 12px 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 10px;\r\n        }\r\n        .preview-badge {\r\n            background: var(--unah-red);\r\n            color: var(--unah-white);\r\n            padding: 4px 14px;\r\n            border-radius: 50px;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .preview-zoom-btn {\r\n            font-size: 11px;\r\n            color: var(--unah-navy);\r\n            font-weight: 700;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n            cursor: pointer;\r\n            transition: color 0.2s;\r\n        }\r\n        .preview-zoom-btn:hover { color: var(--unah-red); }\r\n        .preview-img-wrap {\r\n            padding: 16px;\r\n            cursor: zoom-in;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #fff;\r\n            min-height: 400px;\r\n        }\r\n        .preview-img-wrap img { \r\n            width: 100%; \r\n            display: block; \r\n            border-radius: 8px;\r\n            transition: opacity 0.25s ease; \r\n        }\r\n\r\n        .control-box { \r\n            background: linear-gradient(150deg, var(--unah-navy) 0%, var(--unah-navy-dark) 100%); \r\n            padding: 30px 24px; \r\n            border-radius: var(--rad); \r\n            color: var(--unah-white); \r\n            box-shadow: var(--sh);\r\n            border: 1px solid rgba(255,255,255,0.08);\r\n        }\r\n        .control-box h3 { \r\n            color: var(--unah-gold); \r\n            margin-top: 0; \r\n            font-size: 19px; \r\n            font-weight: 800; \r\n            margin-bottom: 6px;\r\n        }\r\n        .control-box p {\r\n            font-size: 12px;\r\n            color: rgba(255,255,255,0.8);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .btn-nav { \r\n            display: flex; \r\n            align-items: center; \r\n            justify-content: space-between; \r\n            background: rgba(255,255,255,0.06); \r\n            color: var(--unah-white) !important; \r\n            padding: 13px 16px; \r\n            border-radius: 10px; \r\n            margin-bottom: 10px; \r\n            text-decoration: none; \r\n            font-weight: 600; \r\n            font-family: var(--unah-font);\r\n            border: 1px solid rgba(255,255,255,0.12); \r\n            transition: all 0.25s ease; \r\n            cursor: pointer; \r\n            width: 100%; \r\n            text-align: left;\r\n            font-size: 12.5px;\r\n        }\r\n        .btn-nav:hover { \r\n            background: rgba(255,255,255,0.14); \r\n            transform: translateX(5px); \r\n            border-color: var(--unah-gold); \r\n        }\r\n        .btn-nav.active { \r\n            background: var(--unah-red); \r\n            border-color: var(--unah-red); \r\n            box-shadow: 0 4px 14px rgba(138, 12, 43, 0.35);\r\n        }\r\n        .btn-nav-badge {\r\n            font-size: 9.5px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            background: rgba(255,255,255,0.15);\r\n            padding: 3px 8px;\r\n            border-radius: 4px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .btn-nav.active .btn-nav-badge { background: rgba(0,0,0,0.25); }\r\n\r\n        \/* \u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500 *\/\r\n        #u-lightbox { \r\n            display: none; \r\n            position: fixed; \r\n            z-index: 100000; \r\n            top: 0; \r\n            left: 0; \r\n            width: 100%; \r\n            height: 100%; \r\n            background: rgba(14, 20, 35, 0.94); \r\n            justify-content: center; \r\n            align-items: center; \r\n            cursor: zoom-out;\r\n            backdrop-filter: blur(8px);\r\n            padding: 20px;\r\n        }\r\n        #u-lightbox img { \r\n            max-width: 92%; \r\n            max-height: 88vh; \r\n            border-radius: 8px; \r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.6); \r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n        @media (max-width: 992px) { \r\n            .grid-2col, \r\n            .profile-obj-grid,\r\n            .academic-grid { \r\n                grid-template-columns: 1fr; \r\n                gap: 24px;\r\n            } \r\n            .preview-img-wrap { min-height: 300px; }\r\n        }\r\n        @media (max-width: 580px) { \r\n            .unah-hero-header { padding: 30px 0 25px; }\r\n            .hero-title { font-size: 21px; }\r\n            .info-bar { padding: 14px; } \r\n            .info-item { border-right: none; border-bottom: 1px solid var(--unah-border); padding-bottom: 10px; }\r\n            .info-item:last-child { border-bottom: none; }\r\n            .profile-card, .objectives-card { padding: 20px 16px; }\r\n            .control-box { padding: 20px 16px; }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- 0. HERO BANNER: T\u00cdTULO INSTITUCIONAL DE INGENIER\u00cdA AMBIENTAL -->\r\n    <header class=\"unah-hero-header\">\r\n        <div class=\"u-container\">\r\n            <span class=\"hero-pretitle\">Carrera Profesional Universitaria \u2022 UNAH<\/span>\r\n            <h1 class=\"hero-title\">Escuela Profesional de Ingenier\u00eda Ambiental<\/h1>\r\n            <div class=\"hero-badges\">\r\n                <span class=\"h-badge gold\">\ud83c\udfdb\ufe0f Licenciada por SUNEDU<\/span>\r\n                <span class=\"h-badge\">\ud83c\udf93 Grado: Bachiller<\/span>\r\n                <span class=\"h-badge\">\ud83d\udcdc T\u00edtulo: Ingeniero Ambiental<\/span>\r\n                <span class=\"h-badge\">\u23f1\ufe0f 10 Semestres Acad\u00e9micos<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- 1. BARRA DE INFORMACI\u00d3N CLAVE -->\r\n    <div class=\"u-container info-bar-wrap\">\r\n        <div class=\"info-bar\">\r\n            <div class=\"info-item\">\r\n                <span>Grado Acad\u00e9mico<\/span>\r\n                <strong>Bachiller en Ingenier\u00eda Ambiental<\/strong>\r\n            <\/div>\r\n            <div class=\"info-item\">\r\n                <span>T\u00edtulo Profesional<\/span>\r\n                <strong>Ingeniero Ambiental<\/strong>\r\n            <\/div>\r\n            <div class=\"info-item\">\r\n                <span>Duraci\u00f3n<\/span>\r\n                <strong>5 A\u00f1os (10 Semestres)<\/strong>\r\n            <\/div>\r\n            <div class=\"info-item\">\r\n                <span>\ud83d\udccd Sede<\/span>\r\n                <strong>Sede JOSACO \u2014 Jr. Razuhuillca N\u00b0 624<\/strong>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. PRESENTACI\u00d3N DE LA CARRERA -->\r\n    <section class=\"presentation-section\">\r\n        <div class=\"u-container\">\r\n            <div class=\"grid-2col\">\r\n                <div class=\"video-box\">\r\n                    <video controls playsinline preload=\"metadata\" poster=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2025\/11\/pabello-iga-v2.jpg\">\r\n                        <source src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2025\/11\/IGA.mp4\" type=\"video\/mp4\">\r\n                        Tu navegador no soporta video.\r\n                    <\/video>\r\n                <\/div>\r\n                <div>\r\n                    <span class=\"unah-kicker\">Formaci\u00f3n Profesional<\/span>\r\n                    <h2 class=\"pres-title\">Sobre la <em>Carrera<\/em><\/h2>\r\n                    <p class=\"pres-desc\">La carrera de Ingenier\u00eda Ambiental forma profesionales capaces de identificar, evaluar y proponer soluciones a los problemas ambientales que afectan a nuestra sociedad. Nuestros egresados lideran la gesti\u00f3n de recursos naturales y la implementaci\u00f3n de pol\u00edticas de desarrollo sostenible.<\/p>\r\n                    <p class=\"pres-desc\">Formamos agentes de cambio con s\u00f3lida base cient\u00edfica y tecnol\u00f3gica para mitigar el impacto ambiental y preservar los ecosistemas altoandinos y nacionales.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. SECCI\u00d3N OBJETIVOS (IZQ) Y PERFILES (DER) -->\r\n    <section class=\"profile-section\">\r\n        <div class=\"u-container profile-obj-grid\">\r\n            \r\n            <!-- COLUMNA IZQUIERDA: OBJETIVOS ACAD\u00c9MICOS DE INGENIER\u00cdA AMBIENTAL -->\r\n            <div class=\"objectives-card\">\r\n                <h3>\r\n                    <span>\ud83c\udfaf Objetivos Acad\u00e9micos<\/span>\r\n                    <span class=\"obj-badge-flag\">IA<\/span>\r\n                <\/h3>\r\n\r\n                <div class=\"obj-list\">\r\n                    <!-- Objetivo 1 -->\r\n                    <div class=\"obj-item\">\r\n                        <span class=\"obj-number\">1<\/span>\r\n                        <div class=\"obj-text\">\r\n                            <strong>Objetivo Acad\u00e9mico 1<\/strong>\r\n                            Elaborar planes de manejo de conservaci\u00f3n y uso sostenible de la biodiversidad y los recursos naturales, en base a los principios de la Ingenier\u00eda Ambiental, con valores \u00e9ticos y profesionales al servicio de la comunidad para su perfeccionamiento y desarrollo.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Objetivo 2 -->\r\n                    <div class=\"obj-item\">\r\n                        <span class=\"obj-number\">2<\/span>\r\n                        <div class=\"obj-text\">\r\n                            <strong>Objetivo Acad\u00e9mico 2<\/strong>\r\n                            Aplicar sistemas de gesti\u00f3n integrados en concordancia con la normativa vigente, minimizando los riesgos e impactos en el desarrollo de actividades productivas y sociales; del sector p\u00fablico y privado con creatividad, innovaci\u00f3n y trabajo en equipo.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Objetivo 3 -->\r\n                    <div class=\"obj-item\">\r\n                        <span class=\"obj-number\">3<\/span>\r\n                        <div class=\"obj-text\">\r\n                            <strong>Objetivo Acad\u00e9mico 3<\/strong>\r\n                            Elaborar instrumentos para proyectos ambientales generando alternativas de soluci\u00f3n, con criterios de sostenibilidad, emprendimiento y responsabilidad social promoviendo el desarrollo sostenible.\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Objetivo 4 -->\r\n                    <div class=\"obj-item\">\r\n                        <span class=\"obj-number\">4<\/span>\r\n                        <div class=\"obj-text\">\r\n                            <strong>Objetivo Acad\u00e9mico 4<\/strong>\r\n                            Aplicar tecnolog\u00edas limpias para prevenir, mitigar y compensar los efectos generados por las actividades antropog\u00e9nicas sobre el ambiente con creatividad, innovaci\u00f3n, esp\u00edritu cr\u00edtico y de investigaci\u00f3n.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- COLUMNA DERECHA: PERFILES DE INGENIER\u00cdA AMBIENTAL -->\r\n            <div class=\"profiles-column\">\r\n                \r\n                <!-- Perfil Ingresante -->\r\n                <div class=\"profile-card\">\r\n                    <h3>Perfil del Ingresante<\/h3>\r\n                    <ul class=\"check-list\">\r\n                        <li>Vocaci\u00f3n por las ciencias naturales y el cuidado del medio ambiente.<\/li>\r\n                        <li>Capacidad anal\u00edtica y razonamiento l\u00f3gico-matem\u00e1tico.<\/li>\r\n                        <li>Inter\u00e9s por la investigaci\u00f3n cient\u00edfica, tecnol\u00f3gica y la innovaci\u00f3n.<\/li>\r\n                        <li>Compromiso \u00e9tico y responsabilidad social comunitaria.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Perfil Egresado -->\r\n                <div class=\"profile-card egresado\">\r\n                    <h3>Perfil del Egresado<\/h3>\r\n                    <div class=\"competency-title\">\ud83d\udc64 Competencias Personales<\/div>\r\n                    <ul class=\"check-list\">\r\n                        <li>\u00c9tica profesional y compromiso permanente con valores morales.<\/li>\r\n                        <li>Gesti\u00f3n del autodesarrollo, liderazgo y adaptabilidad al cambio.<\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"competency-title\">\ud83d\udcbc Competencias Profesionales<\/div>\r\n                    <ul class=\"check-list\">\r\n                        <li>Capacidad de planificaci\u00f3n, organizaci\u00f3n y pensamiento estrat\u00e9gico.<\/li>\r\n                        <li>Trabajo en equipo multidisciplinario e investigaci\u00f3n aplicada.<\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"competency-title\">\ud83c\udf3f Competencias Espec\u00edficas<\/div>\r\n                    <ul class=\"check-list\">\r\n                        <li>Tratamiento de aguas y gesti\u00f3n integral de residuos s\u00f3lidos y peligrosos.<\/li>\r\n                        <li>Evaluaci\u00f3n de impacto ambiental, auditor\u00edas y planes de mitigaci\u00f3n.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. SECCI\u00d3N ACAD\u00c9MICA \/ RECURSOS INTERACTIVOS DE INGENIER\u00cdA AMBIENTAL -->\r\n    <section class=\"academic-section\">\r\n        <div class=\"u-container\">\r\n            <div class=\"academic-grid\">\r\n                \r\n                <!-- Visor interactivo -->\r\n                <div class=\"preview-box\">\r\n                    <div class=\"preview-top-bar\">\r\n                        <span id=\"u-type-label\" class=\"preview-badge\">Calendario Acad\u00e9mico<\/span>\r\n                        <span class=\"preview-zoom-btn\" onclick=\"openUBox()\">\ud83d\udd0d Clic para ampliar<\/span>\r\n                    <\/div>\r\n                    <div class=\"preview-img-wrap\" onclick=\"openUBox()\" title=\"Clic para ampliar imagen\">\r\n                        <img decoding=\"async\" id=\"u-main-preview\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png\" alt=\"Recurso Acad\u00e9mico\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Panel de Botones IGA -->\r\n                <div class=\"control-box\">\r\n                    <h3>Documentos y Gu\u00edas<\/h3>\r\n                    <p>Previsualiza o descarga la informaci\u00f3n oficial del ciclo acad\u00e9mico actual.<\/p>\r\n                    \r\n                    <!-- Recurso 1: Calendario -->\r\n                    <button class=\"btn-nav active\" onclick=\"updateUPreview('https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png', 'Calendario Acad\u00e9mico', this)\">\r\n                        <span>\ud83d\uddd3\ufe0f Calendario Acad\u00e9mico<\/span>\r\n                        <span class=\"btn-nav-badge\">Ver \ud83d\udc41\ufe0f<\/span>\r\n                    <\/button>\r\n                    \r\n                    <!-- Recurso 2: Malla Curricular IGA -->\r\n                    <button class=\"btn-nav\" onclick=\"updateUPreview('https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/07\/Malla-curricular-IA-scaled.png', 'Malla Curricular IGA', this)\">\r\n                        <span>\ud83d\udcca Malla Curricular<\/span>\r\n                        <span class=\"btn-nav-badge\">Ver \ud83d\udc41\ufe0f<\/span>\r\n                    <\/button>\r\n                    \r\n                    <!-- Recurso 3: Horario Drive IGA -->\r\n                    <a class=\"btn-nav\" href=\"https:\/\/drive.google.com\/file\/d\/1bYxEtmISwUBeYySaMm-TrUM2ype6_0n_\/view?usp=drive_link\" target=\"_blank\">\r\n                        <span>\ud83d\udd52 Horario de Clases 2026-II<\/span>\r\n                        <span class=\"btn-nav-badge\">PDF \u2197<\/span>\r\n                    <\/a>\r\n\r\n                    <!-- Recurso 4: Plan de Estudios Drive IGA -->\r\n                    <a class=\"btn-nav\" href=\"https:\/\/drive.google.com\/file\/d\/1hgGLUzkNs6eU6zR83u7ZkTWRFFItgrPm\/view?usp=drive_link\" target=\"_blank\">\r\n                        <span>\ud83d\udcda Plan de Estudios Oficial<\/span>\r\n                        <span class=\"btn-nav-badge\">PDF \u2197<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- LIGHTBOX -->\r\n    <div id=\"u-lightbox\" onclick=\"closeUBox()\">\r\n        <img decoding=\"async\" id=\"u-lightbox-img\" src=\"\" alt=\"Vista ampliada del documento\">\r\n    <\/div>\r\n\r\n    <script>\r\n        function updateUPreview(url, label, element) {\r\n            const img = document.getElementById('u-main-preview');\r\n            const lbl = document.getElementById('u-type-label');\r\n            img.style.opacity = '0';\r\n            document.querySelectorAll('.btn-nav').forEach(btn => btn.classList.remove('active'));\r\n            element.classList.add('active');\r\n            setTimeout(() => {\r\n                img.src = url;\r\n                lbl.innerText = label;\r\n                img.style.opacity = '1';\r\n            }, 180);\r\n        }\r\n\r\n        function openUBox() {\r\n            const lightbox = document.getElementById('u-lightbox');\r\n            const lImg = document.getElementById('u-lightbox-img');\r\n            lImg.src = document.getElementById('u-main-preview').src;\r\n            lightbox.style.display = 'flex';\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeUBox() {\r\n            document.getElementById('u-lightbox').style.display = 'none';\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === \"Escape\") closeUBox();\r\n        });\r\n    <\/script>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d9ae8 elementor-widget elementor-widget-html\" data-id=\"c5d9ae8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \u2500\u2500\u2500 FUENTE POPPINS \u2500\u2500\u2500 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   1. ESTILOS DE LA CABECERA (TU C\u00d3DIGO EXACTO)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.unah-posts-header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  margin-top: 10px;\r\n  margin-bottom: 20px; \/* Un poco de respiro antes de la tarjeta *\/\r\n  padding: 0 16px;\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* Etiqueta superior con guiones *\/\r\n.unah-posts-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: #8A0C2B; \/* Rojo guindo *\/\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 8px;\r\n}\r\n.unah-posts-kicker::before,\r\n.unah-posts-kicker::after {\r\n  content: '';\r\n  width: 16px;\r\n  height: 2px;\r\n  background: #8A0C2B;\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* T\u00edtulo principal *\/\r\n.unah-posts-header h2 {\r\n  font-size: clamp(24px, 3.5vw, 32px) !important;\r\n  font-weight: 800 !important;\r\n  color: #1A233A !important; \/* Azul marino *\/\r\n  line-height: 1.2 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* Palabra destacada *\/\r\n.unah-posts-header h2 em {\r\n  font-style: normal;\r\n  color: #8A0C2B !important; \/* Rojo guindo *\/\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   2. ESTILOS DE LA TARJETA DEL DIRECTOR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.unah-director-standalone {\r\n  \/* Variables locales alineadas a tus colores *\/\r\n  --unah-red:      #8A0C2B;\r\n  --unah-red-dark: #6b0921;\r\n  --unah-navy:     #1A233A;\r\n  --unah-white:    #ffffff;\r\n  --unah-bg:       #f8f9fa;\r\n  --unah-border:   #e9ecef;\r\n  --unah-muted:    #718096;\r\n  --unah-font:     'Poppins', sans-serif;\r\n  --rad:           16px;\r\n  --sh:            0 10px 30px rgba(0,0,0,0.06);\r\n\r\n  font-family: var(--unah-font);\r\n  background: transparent;\r\n  padding: 20px 20px 40px 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.unah-director-standalone * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dir-container {\r\n  max-width: 1350px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 TARJETA MAESTRA DEL DIRECTOR \u2500\u2500\u2500 *\/\r\n.dir-master-card {\r\n  background: var(--unah-white);\r\n  border: 1px solid var(--unah-border);\r\n  border-left: 5px solid var(--unah-red);\r\n  border-radius: var(--rad);\r\n  box-shadow: var(--sh);\r\n  overflow: hidden;\r\n  display: grid;\r\n  grid-template-columns: 350px 1fr;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Columna Foto *\/\r\n.dir-photo-col {\r\n  position: relative;\r\n  background-color: var(--unah-bg);\r\n  background-image: url('https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/04\/escudo-unah.png');\r\n  background-size: 110%;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  overflow: hidden;\r\n  border-right: 1px solid var(--unah-border);\r\n  display: flex;\r\n  align-items: flex-end;\r\n  min-height: 320px;\r\n}\r\n\r\n.dir-photo-col img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  position: relative;\r\n  z-index: 2;\r\n  transition: transform 0.5s ease;\r\n}\r\n.dir-master-card:hover .dir-photo-col img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n.dir-photo-col::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(248,249,250,0.85) 0%, rgba(248,249,250,0) 20%);\r\n  z-index: 3;\r\n}\r\n\r\n\/* Columna Texto *\/\r\n.dir-content-col {\r\n  padding: 36px 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 16px;\r\n}\r\n\r\n.dir-header h3 {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: var(--unah-navy);\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.25;\r\n}\r\n\r\n.dir-role {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: var(--unah-red);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.dir-role::before {\r\n  content: '';\r\n  width: 14px;\r\n  height: 2px;\r\n  background: var(--unah-red);\r\n  border-radius: 2px;\r\n}\r\n\r\n.dir-bio {\r\n  font-size: 14px;\r\n  color: var(--unah-muted);\r\n  line-height: 1.7;\r\n  text-align: justify;\r\n}\r\n\r\n\/* Bot\u00f3n CTI Vitae *\/\r\n.dir-btn-wrap {\r\n  margin-top: 6px;\r\n}\r\n.dir-btn-cti {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--unah-red);\r\n  color: var(--unah-white) !important;\r\n  text-decoration: none;\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  font-weight: 700;\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  box-shadow: 0 4px 12px rgba(138,12,43,0.25);\r\n  transition: background 0.25s, transform 0.2s;\r\n  width: fit-content;\r\n}\r\n.dir-btn-cti:hover { \r\n  background: var(--unah-red-dark); \r\n  transform: translateY(-2px); \r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .dir-master-card { grid-template-columns: 1fr; }\r\n  .dir-photo-col {\r\n    height: 300px;\r\n    border-right: none;\r\n    border-bottom: 1px solid var(--unah-border);\r\n  }\r\n}\r\n@media (max-width: 600px) {\r\n  .unah-director-standalone { padding: 20px 14px; }\r\n  .dir-content-col { padding: 24px 20px; }\r\n  .dir-btn-cti { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2500\u2500\u2500 CONTENEDOR PRINCIPAL INDEPENDIENTE \u2500\u2500\u2500 -->\r\n<div class=\"unah-director-standalone\">\r\n  <div class=\"dir-container\">\r\n      \r\n    <!-- 1. CABECERA EXACTA PROPORCIONADA -->\r\n    <div class=\"unah-posts-header\">\r\n      <span class=\"unah-posts-kicker\">Autoridad Acad\u00e9mica<\/span>\r\n      <h2>E. P. de Ingenier\u00eda <em>Ambiental<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <!-- 2. TARJETA EJECUTIVA -->\r\n    <div class=\"dir-master-card\">\r\n        \r\n      <!-- Foto Oficial con Marca de Agua -->\r\n      <div class=\"dir-photo-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/09\/Santos-Clemente-Herrera-Diaz.jpeg\" alt=\"Foto de Dr. Santos Clemente Herrera Diaz\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- Datos Biogr\u00e1ficos y CTI Vitae -->\r\n      <div class=\"dir-content-col\">\r\n        <div class=\"dir-header\">\r\n          <span class=\"dir-role\">Responsable de la Escuela Profesional<\/span>\r\n          <h3>Dr. Santos Clemente Herrera Diaz<\/h3>\r\n        <\/div>\r\n\r\n        <p class=\"dir-bio\">\r\n          Ingeniero Ambiental, con Maestr\u00eda (M.Sc.) en Gesti\u00f3n Ambiental y Doctorado en Ciencias Ambientales. Asimismo, Ingeniero Civil, Docente ordinario en la categor\u00eda principal en la Universidad Nacional Aut\u00f3noma de Huanta, con experiencia profesional y acad\u00e9mica en los sectores p\u00fablico y privado, ejerciendo la docencia universitaria de pregrado y posgrado, en programas de maestr\u00eda y doctorado, docente investigador y asesor de proyectos de investigaci\u00f3n de estudiantes de pregrado y posgrado, con una s\u00f3lida formaci\u00f3n multidisciplinaria orientada a la investigaci\u00f3n y la soluci\u00f3n de problemas ambientales.\r\n        <\/p>\r\n\r\n        <div class=\"dir-btn-wrap\">\r\n          <a href=\"https:\/\/ctivitae.concytec.gob.pe\/appDirectorioCTI\/VerDatosInvestigador.do?id_investigador=74071\" class=\"dir-btn-cti\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            \ud83d\udd2c Ver Ficha CTI Vitae \u2197\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e220dbf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e220dbf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cb292d3\" data-id=\"cb292d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e87aa43 elementor-widget elementor-widget-html\" data-id=\"e87aa43\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \u2500\u2500\u2500 5. SECCI\u00d3N PLANA DOCENTE (GOOGLE SHEETS INTEGRADO) \u2500\u2500\u2500 -->\r\n<section class=\"unah-docentes-section\">\r\n  <div class=\"u-container\">\r\n    \r\n    <!-- Encabezado de la secci\u00f3n -->\r\n    <div class=\"doc-section-head\">\r\n      <span class=\"unah-kicker\">Cuerpo Acad\u00e9mico<\/span>\r\n      <h2 class=\"pres-title\">Plana <em>Docente<\/em><\/h2>\r\n      <p class=\"pres-desc\">Docentes ordinarios y contratados con amplia experiencia profesional y rigor acad\u00e9mico, comprometidos con la formaci\u00f3n integral de nuestros estudiantes.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Visor de la Tabla -->\r\n    <div class=\"doc-viewer-card\">\r\n\r\n      <!-- Cabecera del Visor -->\r\n      <div class=\"doc-header\">\r\n        <div class=\"doc-header-left\">\r\n          <div class=\"doc-header-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"doc-header-text\">\r\n            <h3>Directorio de Docentes de la Escuela<\/h3>\r\n            <p>Registro oficial de plana docente, categor\u00edas y asignaturas<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"doc-badge\">Semestre 2026-I<\/span>\r\n      <\/div>\r\n\r\n      <!-- Barra de estado en l\u00ednea -->\r\n      <div class=\"doc-statusbar\">\r\n        <div class=\"doc-dot\"><\/div>\r\n        <span>Sincronizaci\u00f3n en vivo \u00b7 Google Sheets Oficial<\/span>\r\n      <\/div>\r\n\r\n      <!-- Contenedor del Iframe -->\r\n      <div class=\"doc-frame-wrap\">\r\n        <iframe\r\n          src=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vSorXgplE51oTkAjL2vWssjXh__dQo_9EWso0-Aa80o3QOoygbxRighwnoK2p89xAREOkWz2mVZZYz7\/pubhtml?widget=true&headers=false&chrome=false\"\r\n          title=\"Plana Docente UNAH\"\r\n          loading=\"lazy\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n      <!-- Pie del Visor con Enlace Directo -->\r\n      <div class=\"doc-footer\">\r\n        <div class=\"doc-footer-note\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-11h2V7h-2v2z\"\/><\/svg>\r\n          <span>Despl\u00e1zate dentro del marco para revisar toda la lista<\/span>\r\n        <\/div>\r\n        <a class=\"doc-footer-link\"\r\n           href=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQrYLac8_GyAMISH1zz1qUdTIb92F6TZsL1AHBiJlQeikCtyfzM5stXT3OUfFLkFqooRD5LJEngGr28\/pubhtml\"\r\n           target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"\/><\/svg>\r\n          Abrir en pantalla completa \u2197\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2500\u2500\u2500 ESTILOS ESPEC\u00cdFICOS DE LA SECCI\u00d3N DOCENTES \u2500\u2500\u2500 *\/\r\n.unah-docentes-section {\r\n  padding: 30px 0 70px;\r\n  position: relative;\r\n  background: var(--unah-white);\r\n}\r\n\r\n.doc-section-head {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.doc-viewer-card {\r\n  background: var(--unah-white);\r\n  border-radius: var(--rad);\r\n  box-shadow: var(--sh);\r\n  border: 1px solid var(--unah-border);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Encabezado del visor *\/\r\n.doc-header {\r\n  background: linear-gradient(145deg, var(--unah-navy) 0%, #101626 100%);\r\n  padding: 18px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n}\r\n\r\n.doc-header-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n}\r\n\r\n.doc-header-icon {\r\n  width: 42px; \r\n  height: 42px;\r\n  background: rgba(255, 255, 255, 0.08);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 10px;\r\n  display: flex; \r\n  align-items: center; \r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.doc-header-icon svg { \r\n  width: 22px; \r\n  height: 22px; \r\n  fill: var(--unah-gold); \r\n}\r\n\r\n.doc-header-text h3 {\r\n  margin: 0 0 2px !important;\r\n  color: #ffffff !important;\r\n  font-size: 15px !important;\r\n  font-weight: 800 !important;\r\n  letter-spacing: 0.3px;\r\n}\r\n.doc-header-text p {\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.65);\r\n  font-size: 12px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.doc-badge {\r\nbackground: var(--unah-red) !important;\r\n  color: #ffffff !important;\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n  padding: 5px 14px;\r\n  border-radius: 50px;\r\n  white-space: nowrap;\r\n  box-shadow: 0 2px 8px rgba(138, 12, 43, 0.3);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Barra de estado con punto verde *\/\r\n.doc-statusbar {\r\n  background: var(--unah-bg);\r\n  border-bottom: 1px solid var(--unah-border);\r\n  padding: 8px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.doc-dot {\r\n  width: 8px; \r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #10b981;\r\n  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);\r\n  animation: docPulse 2s infinite;\r\n}\r\n@keyframes docPulse {\r\n  0%, 100% { transform: scale(1); opacity: 1; }\r\n  50% { transform: scale(0.85); opacity: 0.5; }\r\n}\r\n.doc-statusbar span { \r\n  font-size: 11.5px; \r\n  color: var(--unah-muted); \r\n  font-weight: 600; \r\n}\r\n\r\n\/* Marco del Iframe *\/\r\n.doc-frame-wrap {\r\n  background: #fff;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.doc-frame-wrap iframe {\r\n  width: 100%;\r\n  height: 650px;\r\n  border: none;\r\n  display: block;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n\/* Pie del visor *\/\r\n.doc-footer {\r\n  background: var(--unah-bg);\r\n  border-top: 1px solid var(--unah-border);\r\n  padding: 12px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n}\r\n.doc-footer-note {\r\n  display: flex; \r\n  align-items: center; \r\n  gap: 6px;\r\n  font-size: 12px; \r\n  color: var(--unah-muted);\r\n}\r\n.doc-footer-note svg { \r\n  width: 15px; \r\n  height: 15px; \r\n  fill: var(--unah-muted); \r\n  flex-shrink: 0; \r\n}\r\n\r\n.doc-footer-link {\r\n  display: inline-flex; \r\n  align-items: center; \r\n  gap: 6px;\r\n  font-size: 12px; \r\n  font-weight: 700;\r\n  color: var(--unah-white); \r\n  background: var(--unah-red);\r\n  text-decoration: none;\r\n  padding: 6px 16px;\r\n  border-radius: 50px;\r\n  transition: background 0.2s, transform 0.2s;\r\n  white-space: nowrap;\r\n}\r\n.doc-footer-link:hover { \r\n  background: var(--unah-red-dark); \r\n  transform: translateY(-1px);\r\n}\r\n.doc-footer-link svg { \r\n  width: 13px; \r\n  height: 13px; \r\n  fill: currentColor; \r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE M\u00d3VIL \u2500\u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .doc-header { \r\n    flex-direction: column; \r\n    align-items: flex-start; \r\n    padding: 16px 18px; \r\n    gap: 12px; \r\n  }\r\n  .doc-badge { align-self: flex-start; }\r\n  .doc-frame-wrap iframe { height: 480px; }\r\n  .doc-footer { \r\n    flex-direction: column; \r\n    align-items: stretch; \r\n    padding: 14px 18px; \r\n    gap: 12px;\r\n  }\r\n  .doc-footer-link {\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 9px;\r\n  }\r\n  .doc-statusbar { padding: 8px 18px; }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8b6d80 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8b6d80\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-761673d\" data-id=\"761673d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db8c9d6 elementor-widget elementor-widget-html\" data-id=\"db8c9d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- \u2500\u2500\u2500 6. SECCI\u00d3N GALER\u00cdA DE IM\u00c1GENES (INGENIER\u00cdA AMBIENTAL) \u2500\u2500\u2500 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500\u2500 TOKENS GLOBALES UNAH \u2500\u2500\u2500 *\/\r\n:root {\r\n  --unah-red:      #8A0C2B;\r\n  --unah-red-dark: #6b0921;\r\n  --unah-navy:     #1A233A;\r\n  --unah-gold:     #D4AF37;\r\n  --unah-white:    #ffffff;\r\n  --unah-bg:       #f8f9fa;\r\n  --unah-border:   #e9ecef;\r\n  --unah-text:     #2d3748;\r\n  --unah-muted:    #718096;\r\n  --unah-font:     'Poppins', sans-serif;\r\n  --rad:           16px;\r\n  --sh:            0 8px 24px rgba(0,0,0,0.06);\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.gal-wrap {\r\n  font-family: var(--unah-font);\r\n  padding: 40px 20px 80px;\r\n  background: var(--unah-white);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Patr\u00f3n de puntos decorativo *\/\r\n.gal-wrap::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(rgba(0,0,0,0.05) 1.5px, transparent 1.5px);\r\n  background-size: 28px 28px;\r\n  pointer-events: none;\r\n}\r\n\r\n.gal-inner { \r\n  max-width: 1240px; \r\n  margin: 0 auto; \r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CABECERA KICKER \u2500\u2500\u2500 *\/\r\n.gal-head { \r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center; \r\n  margin-bottom: 32px; \r\n}\r\n.unah-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--unah-red);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 6px;\r\n}\r\n.unah-kicker::before,\r\n.unah-kicker::after {\r\n  content: '';\r\n  width: 16px; \r\n  height: 2px;\r\n  background: var(--unah-red);\r\n  border-radius: 2px;\r\n}\r\n.gal-head h2 {\r\n  font-size: clamp(24px, 3.5vw, 32px);\r\n  font-weight: 800;\r\n  color: var(--unah-navy);\r\n  line-height: 1.2;\r\n  margin: 0;\r\n}\r\n.gal-head h2 em {\r\n  font-style: normal;\r\n  color: var(--unah-red);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CONTENEDOR DEL CARRUSEL CON FLECHAS \u2500\u2500\u2500 *\/\r\n.gal-carousel-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* Flechas de desplazamiento para PC *\/\r\n.gal-scroll-btn {\r\n  position: absolute;\r\n  z-index: 10;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: var(--unah-white);\r\n  border: 1px solid var(--unah-border);\r\n  color: var(--unah-navy);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.12);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  transition: all 0.25s ease;\r\n}\r\n.gal-scroll-btn:hover {\r\n  background: var(--unah-red);\r\n  color: var(--unah-white);\r\n  border-color: var(--unah-red);\r\n  transform: scale(1.08);\r\n}\r\n.gal-scroll-prev { left: -14px; }\r\n.gal-scroll-next { right: -14px; }\r\n\r\n\/* CARRUSEL SCROLL *\/\r\n.gal-scroll {\r\n  display: flex;\r\n  gap: 20px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  scroll-behavior: smooth;\r\n  -webkit-overflow-scrolling: touch;\r\n  padding: 10px 4px 20px;\r\n  width: 100%;\r\n}\r\n\r\n.gal-scroll::-webkit-scrollbar { height: 6px; }\r\n.gal-scroll::-webkit-scrollbar-track { background: var(--unah-bg); border-radius: 6px; }\r\n.gal-scroll::-webkit-scrollbar-thumb { background: var(--unah-red); border-radius: 6px; }\r\n\r\n\/* \u2500\u2500\u2500 TARJETAS DE FOTOS \u2500\u2500\u2500 *\/\r\n.gal-item {\r\n  flex: 0 0 380px;\r\n  scroll-snap-align: start;\r\n  border-radius: var(--rad);\r\n  background: var(--unah-white);\r\n  box-shadow: var(--sh);\r\n  overflow: hidden;\r\n  border: 1px solid var(--unah-border);\r\n  border-bottom: 4px solid var(--unah-red);\r\n  cursor: zoom-in;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n.gal-item:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 16px 36px rgba(138,12,43,0.12);\r\n}\r\n\r\n.gal-img-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 250px;\r\n  overflow: hidden;\r\n  background: var(--unah-bg);\r\n}\r\n.gal-item-img {\r\n  width: 100%; \r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.6s ease;\r\n}\r\n.gal-item:hover .gal-item-img { \r\n  transform: scale(1.08); \r\n}\r\n\r\n.gal-zoom-hint {\r\n  position: absolute;\r\n  top: 12px;\r\n  right: 12px;\r\n  background: rgba(26, 35, 58, 0.8);\r\n  color: var(--unah-white);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  border-radius: 50px;\r\n  backdrop-filter: blur(4px);\r\n  opacity: 0;\r\n  transition: opacity 0.25s;\r\n}\r\n.gal-item:hover .gal-zoom-hint { opacity: 1; }\r\n\r\n.gal-item-caption {\r\n  padding: 16px 18px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  background: var(--unah-white);\r\n  flex: 1;\r\n}\r\n\r\n.gal-item-caption-dot {\r\n  width: 6px; \r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--unah-red);\r\n  flex-shrink: 0;\r\n  margin-top: 6px;\r\n}\r\n\r\n.gal-item-caption p {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--unah-navy);\r\n  margin: 0;\r\n  line-height: 1.4;\r\n  min-height: 2.8em;\r\n}\r\n\r\n\/* HINT de swipe (solo m\u00f3vil) *\/\r\n.gal-hint {\r\n  display: none;\r\n  text-align: center;\r\n  font-size: 11px;\r\n  color: var(--unah-muted);\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-top: 14px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LIGHTBOX MODAL \u2500\u2500\u2500 *\/\r\n.gal-lightbox {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999999 !important;\r\n  background: rgba(14, 20, 35, 0.95);\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  padding: 20px;\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n}\r\n.gal-lightbox.active { display: flex; }\r\n\r\n.gal-lb-content {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  max-width: 90%;\r\n  max-height: 90vh;\r\n}\r\n\r\n.gal-lb-img {\r\n  max-width: 100%;\r\n  max-height: 75vh;\r\n  border-radius: var(--rad);\r\n  box-shadow: 0 10px 40px rgba(0,0,0,0.6);\r\n  animation: lbIn 0.3s ease;\r\n  display: block;\r\n  object-fit: contain;\r\n}\r\n\r\n.gal-lb-footer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n  margin-top: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.gal-lb-caption {\r\n  color: var(--unah-white);\r\n  font-family: var(--unah-font);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.gal-lb-counter {\r\n  color: var(--unah-gold);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.gal-lb-close {\r\n  position: absolute;\r\n  top: 20px; \r\n  right: 24px;\r\n  color: var(--unah-white);\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  background: rgba(255,255,255,0.1);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.2s;\r\n}\r\n.gal-lb-close:hover { \r\n  background: var(--unah-red); \r\n  border-color: var(--unah-red);\r\n}\r\n\r\n.gal-lb-nav {\r\n  position: absolute;\r\n  top: 50%; \r\n  transform: translateY(-50%);\r\n  background: rgba(255,255,255,0.1);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  color: #fff;\r\n  width: 48px; \r\n  height: 48px;\r\n  border-radius: 50%;\r\n  font-size: 22px;\r\n  cursor: pointer;\r\n  display: flex; \r\n  align-items: center; \r\n  justify-content: center;\r\n  transition: all 0.2s;\r\n}\r\n.gal-lb-nav:hover { \r\n  background: var(--unah-red); \r\n  border-color: var(--unah-red); \r\n}\r\n.gal-lb-prev { left: 24px; }\r\n.gal-lb-next { right: 24px; }\r\n\r\n@keyframes lbIn {\r\n  from { transform: scale(0.95); opacity: 0; }\r\n  to   { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .gal-scroll-btn { display: none; }\r\n  .gal-scroll-prev, .gal-scroll-next { display: none; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .gal-wrap { padding: 30px 0 60px; }\r\n  .gal-inner { padding: 0 14px; }\r\n  .gal-item { flex: 0 0 calc(100vw - 60px); }\r\n  .gal-img-wrap { height: 220px; }\r\n  .gal-item:hover { transform: none; }\r\n  .gal-item:hover .gal-item-img { transform: none; }\r\n  .gal-hint { display: block; }\r\n  \r\n  .gal-lb-nav { width: 40px; height: 40px; font-size: 18px; }\r\n  .gal-lb-prev { left: 10px; }\r\n  .gal-lb-next { right: 10px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gal-wrap\">\r\n  <div class=\"gal-inner\">\r\n\r\n    <!-- CABECERA KICKER -->\r\n    <div class=\"gal-head\">\r\n      <span class=\"unah-kicker\">Vida Universitaria<\/span>\r\n      <h2>Galer\u00eda de <em>Im\u00e1genes<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <!-- CONTENEDOR DEL CARRUSEL CON FLECHAS -->\r\n    <div class=\"gal-carousel-wrapper\">\r\n      <button class=\"gal-scroll-btn gal-scroll-prev\" onclick=\"scrollGal(-1)\" aria-label=\"Anterior\">\u2039<\/button>\r\n\r\n      <div class=\"gal-scroll\" id=\"galScroll\">\r\n\r\n        <!-- FOTO 1 -->\r\n        <div class=\"gal-item\" onclick=\"galOpen(0)\">\r\n          <div class=\"gal-img-wrap\">\r\n            <img decoding=\"async\" class=\"gal-item-img\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/06\/IGA-graduados.jpg\" alt=\"Ceremonia de Graduaci\u00f3n\" loading=\"lazy\">\r\n            <span class=\"gal-zoom-hint\">\ud83d\udd0d Ampliar<\/span>\r\n          <\/div>\r\n          <div class=\"gal-item-caption\">\r\n            <div class=\"gal-item-caption-dot\"><\/div>\r\n            <p>Ceremonia de Graduaci\u00f3n<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOTO 2 -->\r\n        <div class=\"gal-item\" onclick=\"galOpen(1)\">\r\n          <div class=\"gal-img-wrap\">\r\n            <img decoding=\"async\" class=\"gal-item-img\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/06\/BIENVENIDA-CACHIMBOS-2.jpg\" alt=\"Bautismo de Cachimbos 2026\" loading=\"lazy\">\r\n            <span class=\"gal-zoom-hint\">\ud83d\udd0d Ampliar<\/span>\r\n          <\/div>\r\n          <div class=\"gal-item-caption\">\r\n            <div class=\"gal-item-caption-dot\"><\/div>\r\n            <p>Bautismo de Cachimbos 2026<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOTO 3 -->\r\n        <div class=\"gal-item\" onclick=\"galOpen(2)\">\r\n          <div class=\"gal-img-wrap\">\r\n            <img decoding=\"async\" class=\"gal-item-img\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/06\/Pasacalle-cultural-1.jpg\" alt=\"Pasacalle Cultural\" loading=\"lazy\">\r\n            <span class=\"gal-zoom-hint\">\ud83d\udd0d Ampliar<\/span>\r\n          <\/div>\r\n          <div class=\"gal-item-caption\">\r\n            <div class=\"gal-item-caption-dot\"><\/div>\r\n            <p>Pasacalle Cultural<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOTO 4 -->\r\n        <div class=\"gal-item\" onclick=\"galOpen(3)\">\r\n          <div class=\"gal-img-wrap\">\r\n            <img decoding=\"async\" class=\"gal-item-img\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/06\/Obra-Teatral-Tu-actitud-me-Calienta.jpg\" alt='Obra Teatral: \"Tu actitud me Calienta\"' loading=\"lazy\">\r\n            <span class=\"gal-zoom-hint\">\ud83d\udd0d Ampliar<\/span>\r\n          <\/div>\r\n          <div class=\"gal-item-caption\">\r\n            <div class=\"gal-item-caption-dot\"><\/div>\r\n            <p>Obra Teatral: \"Tu actitud me Calienta\"<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FOTO 5 -->\r\n        <div class=\"gal-item\" onclick=\"galOpen(4)\">\r\n          <div class=\"gal-img-wrap\">\r\n            <img decoding=\"async\" class=\"gal-item-img\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/06\/DEFILE.jpg\" alt=\"Desfile Cultural\" loading=\"lazy\">\r\n            <span class=\"gal-zoom-hint\">\ud83d\udd0d Ampliar<\/span>\r\n          <\/div>\r\n          <div class=\"gal-item-caption\">\r\n            <div class=\"gal-item-caption-dot\"><\/div>\r\n            <p>Desfile Cultural<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FOTO 6 -->\r\n        <div class=\"gal-item\" onclick=\"galOpen(5)\">\r\n          <div class=\"gal-img-wrap\">\r\n            <img decoding=\"async\" class=\"gal-item-img\" src=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/06\/Feria-Cientifica-Tecnologica-2026.jpg\" alt=\"Feria Cient\u00edfica Tecnol\u00f3gica 2026\" loading=\"lazy\">\r\n            <span class=\"gal-zoom-hint\">\ud83d\udd0d Ampliar<\/span>\r\n          <\/div>\r\n          <div class=\"gal-item-caption\">\r\n            <div class=\"gal-item-caption-dot\"><\/div>\r\n            <p>Feria Cient\u00edfica Tecnol\u00f3gica 2026<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <button class=\"gal-scroll-btn gal-scroll-next\" onclick=\"scrollGal(1)\" aria-label=\"Siguiente\">\u203a<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"gal-hint\">\u2190 Desliza para ver m\u00e1s fotos \u2192<\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LIGHTBOX MODAL -->\r\n<div class=\"gal-lightbox\" id=\"galLightbox\">\r\n  <button class=\"gal-lb-close\" onclick=\"galClose()\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n  <button class=\"gal-lb-nav gal-lb-prev\" onclick=\"galNav(-1)\" aria-label=\"Anterior\">\u2039<\/button>\r\n  \r\n  <div class=\"gal-lb-content\">\r\n    <img decoding=\"async\" class=\"gal-lb-img\" id=\"galLbImg\" src=\"\" alt=\"Vista ampliada\">\r\n    <div class=\"gal-lb-footer\">\r\n      <div class=\"gal-lb-caption\" id=\"galLbCaption\"><\/div>\r\n      <div class=\"gal-lb-counter\" id=\"galLbCounter\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button class=\"gal-lb-nav gal-lb-next\" onclick=\"galNav(1)\" aria-label=\"Siguiente\">\u203a<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  const galItems = document.querySelectorAll('.gal-item');\r\n  const galScrollContainer = document.getElementById('galScroll');\r\n  let galCurrent = 0;\r\n\r\n  const galData = Array.from(galItems).map(el => ({\r\n    src:     el.querySelector('.gal-item-img').src,\r\n    caption: el.querySelector('.gal-item-caption p').innerText\r\n  }));\r\n\r\n  \/\/ Desplazamiento con flechas en PC\r\n  function scrollGal(direction) {\r\n    const scrollAmount = 400 * direction;\r\n    galScrollContainer.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n  }\r\n\r\n  \/\/ Funciones del Visor Lightbox\r\n  function galOpen(idx) {\r\n    galCurrent = idx;\r\n    galRender();\r\n    document.getElementById('galLightbox').classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function galClose() {\r\n    document.getElementById('galLightbox').classList.remove('active');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  function galNav(dir) {\r\n    galCurrent = (galCurrent + dir + galData.length) % galData.length;\r\n    galRender();\r\n  }\r\n\r\n  function galRender() {\r\n    document.getElementById('galLbImg').src = galData[galCurrent].src;\r\n    document.getElementById('galLbCaption').innerText = galData[galCurrent].caption;\r\n    document.getElementById('galLbCounter').innerText = `Foto ${galCurrent + 1} de ${galData.length}`;\r\n  }\r\n\r\n  \/\/ Cerrar al hacer clic fuera\r\n  document.getElementById('galLightbox').addEventListener('click', function(e) {\r\n    if (e.target === this) galClose();\r\n  });\r\n\r\n  \/\/ Navegaci\u00f3n con teclado\r\n  document.addEventListener('keydown', function(e) {\r\n    if (!document.getElementById('galLightbox').classList.contains('active')) return;\r\n    if (e.key === 'Escape')      galClose();\r\n    if (e.key === 'ArrowLeft')   galNav(-1);\r\n    if (e.key === 'ArrowRight')  galNav(1);\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Carrera Profesional Universitaria \u2022 UNAH Escuela Profesional de Ingenier\u00eda Ambiental \ud83c\udfdb\ufe0f Licenciada por SUNEDU \ud83c\udf93 Grado: Bachiller \ud83d\udcdc T\u00edtulo: Ingeniero Ambiental \u23f1\ufe0f 10 Semestres Acad\u00e9micos Grado Acad\u00e9mico Bachiller en Ingenier\u00eda Ambiental T\u00edtulo Profesional Ingeniero Ambiental Duraci\u00f3n 5 A\u00f1os (10 Semestres) \ud83d\udccd Sede Sede JOSACO \u2014 Jr. Razuhuillca N\u00b0 624 Tu navegador no soporta video. Formaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16602","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.9 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Escuela Profesional de Ingenier\u00eda Ambiental - UNAH - Universidad Nacional Aut\u00f3noma de Huanta<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/portal.unah.edu.pe\/?page_id=16602\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Escuela Profesional de Ingenier\u00eda Ambiental\" \/>\n<meta property=\"og:description\" content=\"Carrera Profesional Universitaria \u2022 UNAH Escuela Profesional de Ingenier\u00eda Ambiental \ud83c\udfdb\ufe0f Licenciada por SUNEDU \ud83c\udf93 Grado: Bachiller \ud83d\udcdc T\u00edtulo: Ingeniero Ambiental \u23f1\ufe0f 10 Semestres Acad\u00e9micos Grado Acad\u00e9mico Bachiller en Ingenier\u00eda Ambiental T\u00edtulo Profesional Ingeniero Ambiental Duraci\u00f3n 5 A\u00f1os (10 Semestres) \ud83d\udccd Sede Sede JOSACO \u2014 Jr. Razuhuillca N\u00b0 624 Tu navegador no soporta video. Formaci\u00f3n [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portal.unah.edu.pe\/?page_id=16602\" \/>\n<meta property=\"og:site_name\" content=\"UNAH - Universidad Nacional Aut\u00f3noma de Huanta\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T22:24:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602\",\"url\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602\",\"name\":\"Escuela Profesional de Ingenier\u00eda Ambiental - UNAH - Universidad Nacional Aut\u00f3noma de Huanta\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/portal.unah.edu.pe\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Calendario_Academico_2026-II_ESC.png\",\"datePublished\":\"2025-11-12T22:20:43+00:00\",\"dateModified\":\"2026-09-18T22:24:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602#primaryimage\",\"url\":\"https:\\\/\\\/portal.unah.edu.pe\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Calendario_Academico_2026-II_ESC.png\",\"contentUrl\":\"https:\\\/\\\/portal.unah.edu.pe\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Calendario_Academico_2026-II_ESC.png\",\"width\":1050,\"height\":1498},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?page_id=16602#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/portal.unah.edu.pe\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Escuela Profesional de Ingenier\u00eda Ambiental\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/#website\",\"url\":\"https:\\\/\\\/portal.unah.edu.pe\\\/\",\"name\":\"UNAH - Universidad Nacional Aut\u00f3noma de Huanta\",\"description\":\"Universidad Nacional Aut\u00f3noma de Huanta\",\"publisher\":{\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/portal.unah.edu.pe\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/#organization\",\"name\":\"UNAH - Universidad Nacional Aut\u00f3noma de Huanta\",\"url\":\"https:\\\/\\\/portal.unah.edu.pe\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/35.192.136.54\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/logo_unah2.png\",\"contentUrl\":\"http:\\\/\\\/35.192.136.54\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/logo_unah2.png\",\"width\":280,\"height\":80,\"caption\":\"UNAH - Universidad Nacional Aut\u00f3noma de Huanta\"},\"image\":{\"@id\":\"https:\\\/\\\/portal.unah.edu.pe\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Escuela Profesional de Ingenier\u00eda Ambiental - UNAH - Universidad Nacional Aut\u00f3noma de Huanta","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/portal.unah.edu.pe\/?page_id=16602","og_locale":"es_ES","og_type":"article","og_title":"Escuela Profesional de Ingenier\u00eda Ambiental","og_description":"Carrera Profesional Universitaria \u2022 UNAH Escuela Profesional de Ingenier\u00eda Ambiental \ud83c\udfdb\ufe0f Licenciada por SUNEDU \ud83c\udf93 Grado: Bachiller \ud83d\udcdc T\u00edtulo: Ingeniero Ambiental \u23f1\ufe0f 10 Semestres Acad\u00e9micos Grado Acad\u00e9mico Bachiller en Ingenier\u00eda Ambiental T\u00edtulo Profesional Ingeniero Ambiental Duraci\u00f3n 5 A\u00f1os (10 Semestres) \ud83d\udccd Sede Sede JOSACO \u2014 Jr. Razuhuillca N\u00b0 624 Tu navegador no soporta video. Formaci\u00f3n [&hellip;]","og_url":"https:\/\/portal.unah.edu.pe\/?page_id=16602","og_site_name":"UNAH - Universidad Nacional Aut\u00f3noma de Huanta","article_modified_time":"2026-09-18T22:24:29+00:00","og_image":[{"url":"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portal.unah.edu.pe\/?page_id=16602","url":"https:\/\/portal.unah.edu.pe\/?page_id=16602","name":"Escuela Profesional de Ingenier\u00eda Ambiental - UNAH - Universidad Nacional Aut\u00f3noma de Huanta","isPartOf":{"@id":"https:\/\/portal.unah.edu.pe\/#website"},"primaryImageOfPage":{"@id":"https:\/\/portal.unah.edu.pe\/?page_id=16602#primaryimage"},"image":{"@id":"https:\/\/portal.unah.edu.pe\/?page_id=16602#primaryimage"},"thumbnailUrl":"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png","datePublished":"2025-11-12T22:20:43+00:00","dateModified":"2026-09-18T22:24:29+00:00","breadcrumb":{"@id":"https:\/\/portal.unah.edu.pe\/?page_id=16602#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portal.unah.edu.pe\/?page_id=16602"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/portal.unah.edu.pe\/?page_id=16602#primaryimage","url":"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png","contentUrl":"https:\/\/portal.unah.edu.pe\/wp-content\/uploads\/2026\/08\/Calendario_Academico_2026-II_ESC.png","width":1050,"height":1498},{"@type":"BreadcrumbList","@id":"https:\/\/portal.unah.edu.pe\/?page_id=16602#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/portal.unah.edu.pe\/"},{"@type":"ListItem","position":2,"name":"Escuela Profesional de Ingenier\u00eda Ambiental"}]},{"@type":"WebSite","@id":"https:\/\/portal.unah.edu.pe\/#website","url":"https:\/\/portal.unah.edu.pe\/","name":"UNAH - Universidad Nacional Aut\u00f3noma de Huanta","description":"Universidad Nacional Aut\u00f3noma de Huanta","publisher":{"@id":"https:\/\/portal.unah.edu.pe\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/portal.unah.edu.pe\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/portal.unah.edu.pe\/#organization","name":"UNAH - Universidad Nacional Aut\u00f3noma de Huanta","url":"https:\/\/portal.unah.edu.pe\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/portal.unah.edu.pe\/#\/schema\/logo\/image\/","url":"http:\/\/35.192.136.54\/wp-content\/uploads\/2020\/10\/logo_unah2.png","contentUrl":"http:\/\/35.192.136.54\/wp-content\/uploads\/2020\/10\/logo_unah2.png","width":280,"height":80,"caption":"UNAH - Universidad Nacional Aut\u00f3noma de Huanta"},"image":{"@id":"https:\/\/portal.unah.edu.pe\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=\/wp\/v2\/pages\/16602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16602"}],"version-history":[{"count":112,"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=\/wp\/v2\/pages\/16602\/revisions"}],"predecessor-version":[{"id":20061,"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=\/wp\/v2\/pages\/16602\/revisions\/20061"}],"wp:attachment":[{"href":"https:\/\/portal.unah.edu.pe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}