Facultad STRWA - Seminario Teol\u00f3gico Reformado William Ames<\/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=Cinzel:wght@600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n strwa: {\n navy: '#274E8B',\n navyDark: '#1a3560',\n navyDeep: '#0f2038',\n gold: '#E7A716',\n goldLight: '#f5bd42',\n cream: '#F5FAF8',\n slate: '#334155'\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Merriweather', 'serif'],\n display: ['Cinzel', 'serif']\n }\n }\n }\n }\n <\/script>\n\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n background-color: #e2e8f0; \/* Plomo claro institucional *\/\n background-image: \n radial-gradient(at 10% 10%, rgba(255, 255, 255, 0.8) 0px, transparent 55%),\n radial-gradient(at 90% 90%, rgba(203, 213, 225, 0.6) 0px, transparent 50%),\n linear-gradient(145deg, #edf1f5 0%, #dbe2e8 100%);\n color: #1e293b;\n font-family: 'Inter', sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* Grayscale to full color transition as PRTS *\/\n .faculty-photo {\n filter: grayscale(100%) contrast(110%) brightness(95%);\n transition: filter 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faculty-card:hover .faculty-photo {\n filter: grayscale(0%) contrast(100%) brightness(102%);\n transform: scale(1.04);\n }\n\n \/* Card glow and border transitions *\/\n .faculty-card {\n transition: transform 0.35s ease, border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\n background: #ffffff;\n box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);\n }\n\n .faculty-card:hover {\n transform: translateY(-4px);\n }\n\n \/* Modal animations *\/\n .modal-hidden {\n opacity: 0;\n pointer-events: none;\n visibility: hidden;\n }\n\n .modal-visible {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n }\n\n .modal-card-scale {\n transform: scale(0.95) translateY(14px);\n transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;\n }\n\n .modal-visible .modal-card-scale {\n transform: scale(1) translateY(0);\n }\n\n \/* Thin custom scrollbars *\/\n ::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n ::-webkit-scrollbar-track {\n background: #0f172a;\n }\n ::-webkit-scrollbar-thumb {\n background: #334155;\n border-radius: 3px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #274E8B;\n }\n <\/style>\n<\/head>\n\n<body class=\"w-screen min-h-screen flex flex-col justify-center items-center p-2.5 sm:p-4 md:p-6 lg:p-7 relative\">\n\n \n <aside class=\"fixed bottom-3 right-3 z-40 bg-slate-900\/90 backdrop-blur-md border border-slate-700\/80 rounded-xl p-2.5 sm:p-3 shadow-2xl text-[11px] text-slate-300 max-w-xs transition-all\">\n <div class=\"flex items-center justify-between gap-3 mb-2 pb-1.5 border-b border-slate-800\">\n <span class=\"font-bold text-strwa-gold uppercase tracking-wider flex items-center gap-1.5 text-[10px]\">\n <i class=\"fa-solid fa-sliders\"><\/i> Control de Visibilidad\n <\/span>\n <span id=\"activeCountBadge\" class=\"px-1.5 py-0.5 rounded bg-amber-500\/20 text-amber-300 font-mono text-[10px] font-bold\">\n 8 activos\n <\/span>\n <\/div>\n <div class=\"flex gap-1.5\">\n <button \n onclick=\"toggleAllFaculty(false)\" \n class=\"flex-1 px-2 py-1 bg-rose-950\/60 hover:bg-rose-900\/80 text-rose-300 border border-rose-800\/50 rounded text-[10px] font-medium transition flex items-center justify-center gap-1\"\n title=\"Oculta temporalmente todos los docentes\"\n >\n <i class=\"fa-solid fa-eye-slash\"><\/i> Ocultar Todos\n <\/button>\n <button \n onclick=\"toggleAllFaculty(true)\" \n class=\"flex-1 px-2 py-1 bg-emerald-950\/60 hover:bg-emerald-900\/80 text-emerald-300 border border-emerald-800\/50 rounded text-[10px] font-medium transition flex items-center justify-center gap-1\"\n title=\"Muestra todos los docentes del seminario\"\n >\n <i class=\"fa-solid fa-eye\"><\/i> Mostrar Todos\n <\/button>\n <\/div>\n <\/aside>\n\n <main class=\"w-full max-w-[1600px] h-full flex flex-col justify-center my-auto\">\n \n \n <div \n id=\"facultyContainer\" \n class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 lg:grid-rows-2 gap-3.5 xl:gap-4.5 w-full items-stretch\"\n >\n \n <\/div>\n\n \n <div \n id=\"emptyStateNotice\" \n class=\"hidden flex-col items-center justify-center py-20 px-6 text-center bg-white\/70 backdrop-blur-md border border-slate-300 rounded-2xl shadow-sm max-w-xl mx-auto my-auto\"\n >\n <div class=\"w-14 h-14 rounded-2xl bg-amber-100 text-amber-800 flex items-center justify-center text-2xl mb-4 border border-amber-300\/60 shadow-inner\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-slate-800 mb-2\">\n Directorio en Actualizaci\u00f3n Institucional\n <\/h3>\n <p class=\"text-sm font-serif text-slate-600 leading-relaxed max-w-md\">\n Las fichas del cuerpo docente del Seminario Teol\u00f3gico Reformado William Ames est\u00e1n siendo actualizadas para el nuevo per\u00edodo acad\u00e9mico.\n <\/p>\n <div class=\"mt-6 flex items-center gap-2 text-xs text-slate-500 font-medium\">\n <i class=\"fa-solid fa-circle-info text-strwa-navy\"><\/i>\n <span>Seminario Teol\u00f3gico Reformado William Ames (STRWA)<\/span>\n <\/div>\n <\/div>\n\n <\/main>\n\n <div \n id=\"facultyModal\" \n class=\"modal-hidden fixed inset-0 z-50 flex items-center justify-center bg-black\/85 backdrop-blur-md p-3 sm:p-5 transition-all duration-300\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"modalFacultyName\"\n >\n <div \n id=\"modalBox\" \n class=\"modal-card-scale bg-slate-900 text-slate-100 w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh] border border-slate-700 border-t-8 transition-all duration-300\"\n >\n \n <div id=\"modalHeaderBg\" class=\"relative p-5 sm:p-6 bg-slate-800\/80 border-b border-slate-700\/80 flex items-start justify-between gap-4\">\n <div class=\"flex flex-col sm:flex-row items-center sm:items-start gap-4\">\n <div class=\"relative flex-shrink-0\">\n <img decoding=\"async\" \n id=\"modalPhoto\" \n src=\"\" \n alt=\"Docente\" \n class=\"w-20 h-24 sm:w-24 sm:h-28 object-cover rounded-xl shadow-lg border-2 border-amber-500\/40\"\n \/>\n <\/div>\n \n <div class=\"text-center sm:text-left\">\n <div class=\"flex flex-wrap items-center justify-center sm:justify-start gap-2 mb-1.5\">\n <span \n id=\"modalRole\" \n class=\"px-2.5 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-wider border border-amber-500\/40 bg-amber-900\/40 text-amber-200\"\n >\n C\u00e1tedra\n <\/span>\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-strwa-gold\">\n STRWA\n <\/span>\n <\/div>\n\n <h2 id=\"modalFacultyName\" class=\"text-lg sm:text-xl font-bold font-display text-white tracking-wide\">\n Nombre del Docente\n <\/h2>\n <p id=\"modalFacultyChair\" class=\"text-xs sm:text-sm font-medium text-slate-300 mt-0.5\">\n C\u00e1tedra\n <\/p>\n <\/div>\n <\/div>\n\n <button \n type=\"button\"\n onclick=\"closeModal()\" \n class=\"w-8 h-8 rounded-full bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white flex items-center justify-center transition border border-slate-600 flex-shrink-0\"\n aria-label=\"Cerrar modal\"\n >\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"p-5 sm:p-6 overflow-y-auto space-y-4 text-xs sm:text-sm text-slate-300 leading-relaxed\">\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-scroll\"><\/i> Rese\u00f1a Ministerial & Teol\u00f3gica\n <\/h4>\n <p id=\"modalBio\" class=\"text-slate-300 text-xs font-serif leading-relaxed italic bg-slate-800\/40 p-3 rounded-lg border border-slate-800\">\n Biograf\u00eda\n <\/p>\n <\/div>\n\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Grados Acad\u00e9micos\n <\/h4>\n <ul id=\"modalDegrees\" class=\"space-y-1 text-xs text-slate-300\">\n \n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1.5 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-chalkboard-user\"><\/i> C\u00e1tedras & Materias\n <\/h4>\n <div id=\"modalCourses\" class=\"flex flex-wrap gap-1.5\">\n \n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-feather-pointed\"><\/i> Ensayos & Publicaciones\n <\/h4>\n <ul id=\"modalPublications\" class=\"space-y-1 text-xs text-slate-400 italic\">\n \n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"px-5 py-3 bg-slate-950\/80 border-t border-slate-800 flex items-center justify-between\">\n <span class=\"text-xs text-slate-400 flex items-center gap-2\">\n <i class=\"fa-regular fa-envelope text-strwa-gold\"><\/i>\n <span id=\"modalEmail\" class=\"font-mono text-slate-200 select-all\"><\/span>\n <\/span>\n <button \n onclick=\"closeModal()\" \n class=\"px-4 py-1.5 bg-slate-800 hover:bg-strwa-navy text-white text-xs font-semibold rounded-lg transition border border-slate-700 hover:border-strwa-gold\"\n >\n Cerrar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/**\n * Paleta unificada: Tweed \u00c1mbar & Caf\u00e9 para todos los docentes\n *\/\n const TWEED_THEME = {\n name: \"Tweed \u00c1mbar & Caf\u00e9\",\n primary: \"#b45309\", \/\/ \u00c1mbar quemado \/ caf\u00e9 tweed\n accent: \"#f59e0b\", \/\/ Dorado \u00e1mbar\n cardBorder: \"#f59e0b\",\n badgeBg: \"rgba(180, 83, 9, 0.45)\",\n badgeText: \"#fde68a\",\n glow: \"rgba(180, 83, 9, 0.55)\"\n };\n\n\n \/**\n * Exactamente 8 docentes para la distribuci\u00f3n fija de 4 columnas x 2 filas.\n *\/\n const facultyMembers = [\n {\n id: 1,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Dr. Jorge Ruiz\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Teolog\u00eda Sistem\u00e1tica\",\n email: \"jruizs@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/JorgeR.PNG\",\n degrees: [\n \"Ph.D. en Teolog\u00eda Hist\u00f3rica (Westminster Theological Seminary)\",\n \"Th.M. en Teolog\u00eda Reformada (Puritan Reformed Theological Seminary - PRTS)\",\n \"M.Div. (Seminario Teol\u00f3gico Reformado)\", \"Licenciatura en Periodismo (Universidad Aut\u00f3noma de Barcelona, 1994).\", \"Licenciatura en Teolog\u00eda (1997)\", \"Maestr\u00eda en Teolog\u00eda (1999)\", \"Diploma de Estudios Avanzados en Teolog\u00eda (2001)\", \"Doctorado en Teolog\u00eda (2005), en la Facult\u00e9 Libre de Th\u00e9ologie R\u00e9form\u00e9e, Aix-en-Provence, Francia\", \"Director del seminario Academia de Teolog\u00eda Reformada\", \"Asesor de la Sociedad B\u00edblica Trinitaria.\"\n ],\n bio: \"Pastor de la Iglesia Reformada Continuada en Rub\u00ed (Barcelona); ministro de la Free Church of Scotland (Continuing).\",\n courses: [\"Teologia Sistem\u00e1tica I, II y III\"],\n publications: [\n \"La Teolog\u00eda Pactual de William Ames (2022)\",\n \"El Pacto de Gracia en la Dogm\u00e1tica Puritana (2024)\"\n ]\n },\n {\n id: 2,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Michael Ives\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Teologia Biblica - Catequesis\",\n email: \"mives@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/Ives.PNG\",\n degrees: [\n \"Ph.D. en Historia Eclesi\u00e1stica (University of Edinburgh)\",\n \"M.Th. en Estudios Puritanos (Free Church College, Edimburgo)\",\n \"M.Div. (Mid-America Reformed Seminary)\"\n ],\n bio: \"Investigador de la piedad puritana experimental y de la Asamblea de Westminster. Ha impartido conferencias a nivel internacional sobre la influencia de William Ames en Nueva Inglaterra.\",\n courses: [\"Historia de la Iglesia Medieval y Reformada\", \"Los Te\u00f3logos de Westminster\", \"Piedad Puritana\"],\n publications: [\n \"Fidelidad Bajo Presi\u00f3n: La Gran Expulsi\u00f3n de 1662 (2021)\",\n \"Gu\u00eda Cr\u00edtica a 'La M\u00e9dula de la Teolog\u00eda' de William Ames (2023)\"\n ]\n },\n {\n id: 3,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Hugues Piere\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Historia de la Iglesia\",\n email: \"hpiere@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/HP.PNG\",\n degrees: [\n \"Ph.D. en Estudios Sem\u00edticos y Antiguo Testamento (Trinity Evangelical Divinity School)\",\n \"M.A. en Arqueolog\u00eda B\u00edblica (Wheaton College Graduate School)\"\n ],\n bio: \"Enfocada en la sem\u00e1ntica del hebreo cl\u00e1sico, la teolog\u00eda del Pentateuco y la ex\u00e9gesis tipol\u00f3gica veterotestamentaria que anticipa la obra de Cristo mediador.\",\n courses: [\"Hebreo B\u00edblico I & II\", \"Ex\u00e9gesis del G\u00e9nesis y \u00c9xodo\", \"Teolog\u00eda del Antiguo Testamento\"],\n publications: [\n \"Sintaxis del Hebreo B\u00edblico para Pastores (2020)\",\n \"La Gloria del Tabern\u00e1culo en el Desierto (2023)\"\n ]\n },\n {\n id: 4,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Harry Woods\",\n role: \"Profesor Visitante\",\n chair: \"C\u00e1tedra de Apolog\u00e9tica Presuposicional & Filosof\u00eda\",\n email: \"dmachen@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/hwoods1.png\",\n degrees: [\n \"Ph.D. en Filosof\u00eda de la Religi\u00f3n (Cambridge University)\",\n \"Th.M. en Apolog\u00e9tica (Westminster Theological Seminary)\",\n \"B.A. en Filosof\u00eda Cl\u00e1sica\"\n ],\n bio: \"Defensor de la epistemolog\u00eda de la revelaci\u00f3n b\u00edblica en la tradici\u00f3n de Cornelius Van Til. Analiza el pensamiento posmoderno desde una perspectiva estrictamente reformada.\",\n courses: [\"Apolog\u00e9tica Cristiana Presuposicional\", \"Filosof\u00eda Reformada\", \"\u00c9tica Teol\u00f3gica\"],\n publications: [\n \"Sujetando Todo Pensamiento a Cristo (2021)\",\n \"Fundamentos del Ate\u00edsmo Cr\u00edtico y la Respuesta B\u00edblica (2024)\"\n ]\n },\n {\n id: 5,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Mgtr. Cristian Vila\",\n role: \"Decano Acad\u00e9mico\",\n chair: \"Direcci\u00f3n Acad\u00e9mica & Administraci\u00f3n Teol\u00f3gica\",\n email: \"cvila@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/cvila.png\",\n degrees: [\n \"M.A.L.F en Artes de Formaci\u00f3n de Liderazgo (Calvin Theological Seminary)\",\n \"Licenciado en Liderazgo Pastoral\",\n \"Diplomado en Educacion Superior\",\n \"Diplomado en Metodologia de la Investigacion Cientifica Cualitativa & Cuantitativa\",\n \"Diplomado en Psicopedagogia\" \n ],\n bio: \"Encargado de la estructuraci\u00f3n curricular, convenios internacionales y bienestar estudiantil de los seminaristas del STRWA en Am\u00e9rica Latina.\",\n courses: [\"Hermeneutica Biblica\", \"Introducci\u00f3n a la Biblia\", \"Cosmovision Cristiana\"],\n publications: [\n \"Workbook - Confesion de Westminster (2026)\"\n ]\n },\n {\n id: 6,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Edgar Ibarra\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Homil\u00e9tica & Predicaci\u00f3n Expositiva\",\n email: \"eibarra@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/eibarra.png\",\n degrees: [\n \"D.Min. en Predicaci\u00f3n Expositiva (The Master's Seminary)\",\n \"Th.M. en Teolog\u00eda Pr\u00e1ctica (PRTS)\",\n \"M.Div. (Seminario Teol\u00f3gico Reformado)\"\n ],\n bio: \"Pastor por m\u00e1s de 25 a\u00f1os. Su docencia enfatiza la homil\u00e9tica cristoc\u00e9ntrica, la unci\u00f3n del Esp\u00edritu Santo y la claridad exeg\u00e9tica en el p\u00falpito reformado.\",\n courses: [\"Homil\u00e9tica I y II\", \"Consejer\u00eda Nout\u00e9tica y Pastoral\", \"El Ministerio y las Pruebas\"],\n publications: [\n \"Fuego en el P\u00falpito: La Predicaci\u00f3n que Transforma Vidas (2019)\",\n \"El Hombre de Dios en su Estudio y Oraci\u00f3n (2023)\"\n ]\n },\n {\n id: 7,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Marcelo Sanchez\",\n role: \"Profesor Titular\",\n chair: \"Curadur\u00eda de Archivos Puritanos & Recursos Cl\u00e1sicos\",\n email: \"msanchez@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/msanchez.png\",\n degrees: [\n \"M\u00e1ster en Bibliotecolog\u00eda y Ciencias Documentales (Universidad de Salamanca)\",\n \"Especialista en Preservaci\u00f3n de Manuscritos Teol\u00f3gicos del Siglo XVII\",\n \"B.A. en Literatura e Historia\"\n ],\n bio: \"Custodia de la colecci\u00f3n digital e impresa de los tratados de William Ames, William Perkins y los te\u00f3logos de la Segunda Reforma Holandesa (Nadere Reformatie).\",\n courses: [\"Metodolog\u00eda de Fuentes Teol\u00f3gicas Cl\u00e1sicas\", \"Uso de Archivos Digitales Reformados\"],\n publications: [\n \"Cat\u00e1logo Anotado de las Obras de William Ames (1576-1633) (2024)\"\n ]\n },\n {\n id: 8,\n activo: false, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Vacante\",\n role: \"Profesor Adjunto\",\n chair: \"C\u00e1tedra de Griego Koin\u00e9 & Teolog\u00eda Paulina\",\n email: \"vacantr@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/#\",\n degrees: [\n \n ],\n bio: \"\",\n courses: [\"\"],\n publications: [\n \"\",\n \"\"\n ]\n }\n ];\n\n \/**\n * Filtra los profesores activos y los renderiza en la cuadr\u00edcula\n *\/\n function renderFourByTwoGrid() {\n const container = document.getElementById('facultyContainer');\n const emptyNotice = document.getElementById('emptyStateNotice');\n const activeBadge = document.getElementById('activeCountBadge');\n\n container.innerHTML = '';\n\n \/\/ Aplicar filtro de la Opci\u00f3n 1:\n const activeMembers = facultyMembers.filter(f => f.activo === true);\n\n \/\/ Actualizar badge indicador\n if (activeBadge) {\n activeBadge.textContent = `${activeMembers.length} activo${activeMembers.length === 1 ? '' : 's'}`;\n }\n\n \/\/ Si no hay docentes activos, mostrar el aviso institucional elegante\n if (activeMembers.length === 0) {\n container.classList.add('hidden');\n emptyNotice.classList.remove('hidden');\n emptyNotice.classList.add('flex');\n return;\n }\n\n container.classList.remove('hidden');\n emptyNotice.classList.add('hidden');\n emptyNotice.classList.remove('flex');\n\n activeMembers.forEach((faculty) => {\n const theme = TWEED_THEME;\n const card = document.createElement('article');\n\n card.className = `faculty-card relative rounded-xl sm:rounded-2xl border border-slate-300\/80 overflow-hidden flex flex-col justify-between cursor-pointer group shadow-sm`;\n card.setAttribute('tabindex', '0');\n card.setAttribute('role', 'button');\n card.setAttribute('aria-label', `Abrir perfil de ${faculty.name}`);\n\n card.innerHTML = `\n \n <div class=\"relative w-full aspect-[4\/3.8] overflow-hidden bg-slate-900\">\n <img decoding=\"async\" \n src=\"${faculty.image}\" \n alt=\"${faculty.name}\" \n class=\"faculty-photo w-full h-full object-cover object-center\"\n loading=\"lazy\"\n onerror=\"this.src='https:\/\/placehold.co\/600x600\/b45309\/ffffff?text=${encodeURIComponent(faculty.name)}'\"\n \/>\n\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-70 group-hover:opacity-40 transition duration-300\"><\/div>\n\n \n <div class=\"absolute top-2.5 right-2.5\">\n <span class=\"px-2 py-0.5 rounded-full text-[9px] font-bold tracking-wider uppercase bg-slate-900\/85 backdrop-blur-md text-amber-200 border border-amber-500\/30 shadow-sm\">\n ${faculty.role}\n <\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"card-info p-3 sm:p-3.5 flex flex-col justify-between flex-grow bg-white\">\n <div>\n <h3 class=\"faculty-title-name text-sm sm:text-[15px] font-bold font-display text-slate-800 tracking-wide leading-tight group-hover:text-amber-800 transition-colors\">\n ${faculty.name}\n <\/h3>\n <p class=\"faculty-chair-text text-[11px] font-medium text-slate-500 mt-1 line-clamp-1\">\n ${faculty.chair}\n <\/p>\n <\/div>\n\n \n <div class=\"pt-2 mt-2.5 border-t border-slate-100 flex items-center justify-between text-[11px]\">\n <span class=\"click-hint text-slate-400 group-hover:text-amber-700 transition flex items-center gap-1.5 text-[10px] font-semibold\">\n <span>Ver ficha<\/span>\n <i class=\"fa-solid fa-arrow-right text-[8px] transform group-hover:translate-x-1 transition\"><\/i>\n <\/span>\n\n <span class=\"w-2 h-2 rounded-full bg-amber-600\/60 group-hover:bg-amber-600 group-hover:scale-125 transition-all shadow-sm\"><\/span>\n <\/div>\n <\/div>\n `;\n\n card.addEventListener('mouseenter', () => {\n \/\/ Efecto Tweed \u00c1mbar & Caf\u00e9 unificado\n card.style.borderColor = theme.cardBorder;\n card.style.boxShadow = `0 14px 28px -6px ${theme.glow}, 0 4px 10px -2px rgba(180, 83, 9, 0.2)`;\n \n const nameEl = card.querySelector('.faculty-title-name');\n nameEl.style.color = '#92400e';\n\n const hint = card.querySelector('.click-hint');\n hint.style.color = theme.primary;\n });\n\n card.addEventListener('mouseleave', () => {\n \/\/ Restaurar colores neutrales sobre plomo claro\n card.style.borderColor = 'rgba(203, 213, 225, 0.8)';\n card.style.boxShadow = '';\n\n const nameEl = card.querySelector('.faculty-title-name');\n nameEl.style.color = '';\n\n const hint = card.querySelector('.click-hint');\n hint.style.color = '';\n });\n\n \/\/ Apertura de modal al click o pulsar teclado\n card.addEventListener('click', () => openModal(faculty));\n card.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n openModal(faculty);\n }\n });\n\n container.appendChild(card);\n });\n }\n\n \/**\n * Utilidad de conveniencia para alternar r\u00e1pidamente todos los estados activos\n *\/\n function toggleAllFaculty(status) {\n facultyMembers.forEach(f => f.activo = status);\n renderFourByTwoGrid();\n }\n\n function openModal(faculty) {\n const modal = document.getElementById('facultyModal');\n const box = document.getElementById('modalBox');\n const theme = TWEED_THEME;\n\n \/\/ Inyecci\u00f3n de textos\n document.getElementById('modalPhoto').src = faculty.image;\n document.getElementById('modalPhoto').alt = faculty.name;\n document.getElementById('modalFacultyName').textContent = faculty.name;\n document.getElementById('modalFacultyChair').textContent = faculty.chair;\n document.getElementById('modalBio').textContent = `\"${faculty.bio}\"`;\n document.getElementById('modalEmail').textContent = faculty.email;\n\n \/\/ Aplicar color Tweed \u00c1mbar & Caf\u00e9 al modal\n box.style.borderTopColor = theme.cardBorder;\n\n \/\/ Badge de Rol en Modal\n const roleEl = document.getElementById('modalRole');\n roleEl.textContent = faculty.role;\n\n \/\/ Grados Acad\u00e9micos\n const degreesEl = document.getElementById('modalDegrees');\n degreesEl.innerHTML = faculty.degrees.map(deg => `\n <li class=\"flex items-start gap-2\">\n <i class=\"fa-solid fa-check text-xs mt-1 text-amber-400\"><\/i>\n <span>${deg}<\/span>\n <\/li>\n `).join('');\n\n \/\/ Materias y C\u00e1tedras\n const coursesEl = document.getElementById('modalCourses');\n coursesEl.innerHTML = faculty.courses.map(course => `\n <span class=\"px-2.5 py-1 rounded-md text-xs font-medium border border-amber-500\/30 bg-amber-900\/30 text-amber-200\">\n ${course}\n <\/span>\n `).join('');\n\n \/\/ Publicaciones\n const pubEl = document.getElementById('modalPublications');\n pubEl.innerHTML = faculty.publications.map(pub => `\n <li class=\"flex items-start gap-2\">\n <i class=\"fa-solid fa-book text-[10px] mt-1 text-amber-500\"><\/i>\n <span>\"${pub}\"<\/span>\n <\/li>\n `).join('');\n\n \/\/ Revelar modal\n modal.classList.remove('modal-hidden');\n modal.classList.add('modal-visible');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n const modal = document.getElementById('facultyModal');\n modal.classList.remove('modal-visible');\n modal.classList.add('modal-hidden');\n document.body.style.overflow = '';\n }\n\n \/\/ Cerrar al clickear fuera del contenedor o presionar tecla Escape\n document.getElementById('facultyModal').addEventListener('click', (e) => {\n if (e.target === document.getElementById('facultyModal')) {\n closeModal();\n }\n });\n\n window.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n closeModal();\n }\n });\n\n \/\/ Iniciar renderizado al cargar el DOM\n document.addEventListener('DOMContentLoaded', () => {\n renderFourByTwoGrid();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Equipo Instructores \/ Mentores Facultad STRWA – Seminario Teol\u00f3gico Reformado William Ames Control de Visibilidad 8 activos Ocultar Todos Mostrar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1065","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages\/1065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strwaedu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1065"}],"version-history":[{"count":96,"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages\/1065\/revisions"}],"predecessor-version":[{"id":1177,"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages\/1065\/revisions\/1177"}],"wp:attachment":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t

Instructores \/ Mentores<\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Facultad STRWA - Seminario Teol\u00f3gico Reformado William Ames<\/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=Cinzel:wght@600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\">\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n strwa: {\n navy: '#274E8B',\n navyDark: '#1a3560',\n navyDeep: '#0f2038',\n gold: '#E7A716',\n goldLight: '#f5bd42',\n cream: '#F5FAF8',\n slate: '#334155'\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Merriweather', 'serif'],\n display: ['Cinzel', 'serif']\n }\n }\n }\n }\n <\/script>\n\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n background-color: #e2e8f0; \/* Plomo claro institucional \/\n background-image: \n radial-gradient(at 10% 10%, rgba(255, 255, 255, 0.8) 0px, transparent 55%),\n radial-gradient(at 90% 90%, rgba(203, 213, 225, 0.6) 0px, transparent 50%),\n linear-gradient(145deg, #edf1f5 0%, #dbe2e8 100%);\n color: #1e293b;\n font-family: 'Inter', sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/ Grayscale to full color transition as PRTS \/\n .faculty-photo {\n filter: grayscale(100%) contrast(110%) brightness(95%);\n transition: filter 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faculty-card:hover .faculty-photo {\n filter: grayscale(0%) contrast(100%) brightness(102%);\n transform: scale(1.04);\n }\n\n \/ Card glow and border transitions \/\n .faculty-card {\n transition: transform 0.35s ease, border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\n background: #ffffff;\n box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);\n }\n\n .faculty-card:hover {\n transform: translateY(-4px);\n }\n\n \/ Modal animations \/\n .modal-hidden {\n opacity: 0;\n pointer-events: none;\n visibility: hidden;\n }\n\n .modal-visible {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n }\n\n .modal-card-scale {\n transform: scale(0.95) translateY(14px);\n transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;\n }\n\n .modal-visible .modal-card-scale {\n transform: scale(1) translateY(0);\n }\n\n \/ Thin custom scrollbars *\/\n ::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n ::-webkit-scrollbar-track {\n background: #0f172a;\n }\n ::-webkit-scrollbar-thumb {\n background: #334155;\n border-radius: 3px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #274E8B;\n }\n <\/style>\n<\/head>\n\n<body class=\"w-screen min-h-screen flex flex-col justify-center items-center p-2.5 sm:p-4 md:p-6 lg:p-7 relative\">\n\n \n <aside class=\"fixed bottom-3 right-3 z-40 bg-slate-900\/90 backdrop-blur-md border border-slate-700\/80 rounded-xl p-2.5 sm:p-3 shadow-2xl text-[11px] text-slate-300 max-w-xs transition-all\">\n <div class=\"flex items-center justify-between gap-3 mb-2 pb-1.5 border-b border-slate-800\">\n <span class=\"font-bold text-strwa-gold uppercase tracking-wider flex items-center gap-1.5 text-[10px]\">\n <i class=\"fa-solid fa-sliders\"><\/i> Control de Visibilidad\n <\/span>\n <span id=\"activeCountBadge\" class=\"px-1.5 py-0.5 rounded bg-amber-500\/20 text-amber-300 font-mono text-[10px] font-bold\">\n 8 activos\n <\/span>\n <\/div>\n <div class=\"flex gap-1.5\">\n <button \n onclick=\"toggleAllFaculty(false)\" \n class=\"flex-1 px-2 py-1 bg-rose-950\/60 hover:bg-rose-900\/80 text-rose-300 border border-rose-800\/50 rounded text-[10px] font-medium transition flex items-center justify-center gap-1\"\n title=\"Oculta temporalmente todos los docentes\"\n >\n <i class=\"fa-solid fa-eye-slash\"><\/i> Ocultar Todos\n <\/button>\n <button \n onclick=\"toggleAllFaculty(true)\" \n class=\"flex-1 px-2 py-1 bg-emerald-950\/60 hover:bg-emerald-900\/80 text-emerald-300 border border-emerald-800\/50 rounded text-[10px] font-medium transition flex items-center justify-center gap-1\"\n title=\"Muestra todos los docentes del seminario\"\n >\n <i class=\"fa-solid fa-eye\"><\/i> Mostrar Todos\n <\/button>\n <\/div>\n <\/aside>\n\n <main class=\"w-full max-w-[1600px] h-full flex flex-col justify-center my-auto\">\n \n \n <div \n id=\"facultyContainer\" \n class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 lg:grid-rows-2 gap-3.5 xl:gap-4.5 w-full items-stretch\"\n >\n \n <\/div>\n\n \n <div \n id=\"emptyStateNotice\" \n class=\"hidden flex-col items-center justify-center py-20 px-6 text-center bg-white\/70 backdrop-blur-md border border-slate-300 rounded-2xl shadow-sm max-w-xl mx-auto my-auto\"\n >\n <div class=\"w-14 h-14 rounded-2xl bg-amber-100 text-amber-800 flex items-center justify-center text-2xl mb-4 border border-amber-300\/60 shadow-inner\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold font-display text-slate-800 mb-2\">\n Directorio en Actualizaci\u00f3n Institucional\n <\/h3>\n <p class=\"text-sm font-serif text-slate-600 leading-relaxed max-w-md\">\n Las fichas del cuerpo docente del Seminario Teol\u00f3gico Reformado William Ames est\u00e1n siendo actualizadas para el nuevo per\u00edodo acad\u00e9mico.\n <\/p>\n <div class=\"mt-6 flex items-center gap-2 text-xs text-slate-500 font-medium\">\n <i class=\"fa-solid fa-circle-info text-strwa-navy\"><\/i>\n <span>Seminario Teol\u00f3gico Reformado William Ames (STRWA)<\/span>\n <\/div>\n <\/div>\n\n <\/main>\n\n <div \n id=\"facultyModal\" \n class=\"modal-hidden fixed inset-0 z-50 flex items-center justify-center bg-black\/85 backdrop-blur-md p-3 sm:p-5 transition-all duration-300\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"modalFacultyName\"\n >\n <div \n id=\"modalBox\" \n class=\"modal-card-scale bg-slate-900 text-slate-100 w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh] border border-slate-700 border-t-8 transition-all duration-300\"\n >\n \n <div id=\"modalHeaderBg\" class=\"relative p-5 sm:p-6 bg-slate-800\/80 border-b border-slate-700\/80 flex items-start justify-between gap-4\">\n <div class=\"flex flex-col sm:flex-row items-center sm:items-start gap-4\">\n <div class=\"relative flex-shrink-0\">\n <img decoding=\"async\" \n id=\"modalPhoto\" \n src=\"\" \n alt=\"Docente\" \n class=\"w-20 h-24 sm:w-24 sm:h-28 object-cover rounded-xl shadow-lg border-2 border-amber-500\/40\"\n \/>\n <\/div>\n \n <div class=\"text-center sm:text-left\">\n <div class=\"flex flex-wrap items-center justify-center sm:justify-start gap-2 mb-1.5\">\n <span \n id=\"modalRole\" \n class=\"px-2.5 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-wider border border-amber-500\/40 bg-amber-900\/40 text-amber-200\"\n >\n C\u00e1tedra\n <\/span>\n <span class=\"text-[10px] uppercase font-bold tracking-widest text-strwa-gold\">\n STRWA\n <\/span>\n <\/div>\n\n <h2 id=\"modalFacultyName\" class=\"text-lg sm:text-xl font-bold font-display text-white tracking-wide\">\n Nombre del Docente\n <\/h2>\n <p id=\"modalFacultyChair\" class=\"text-xs sm:text-sm font-medium text-slate-300 mt-0.5\">\n C\u00e1tedra\n <\/p>\n <\/div>\n <\/div>\n\n <button \n type=\"button\"\n onclick=\"closeModal()\" \n class=\"w-8 h-8 rounded-full bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white flex items-center justify-center transition border border-slate-600 flex-shrink-0\"\n aria-label=\"Cerrar modal\"\n >\n <i class=\"fa-solid fa-xmark text-sm\"><\/i>\n <\/button>\n <\/div>\n\n \n <div class=\"p-5 sm:p-6 overflow-y-auto space-y-4 text-xs sm:text-sm text-slate-300 leading-relaxed\">\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-scroll\"><\/i> Rese\u00f1a Ministerial & Teol\u00f3gica\n <\/h4>\n <p id=\"modalBio\" class=\"text-slate-300 text-xs font-serif leading-relaxed italic bg-slate-800\/40 p-3 rounded-lg border border-slate-800\">\n Biograf\u00eda\n <\/p>\n <\/div>\n\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Grados Acad\u00e9micos\n <\/h4>\n <ul id=\"modalDegrees\" class=\"space-y-1 text-xs text-slate-300\">\n \n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1.5 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-chalkboard-user\"><\/i> C\u00e1tedras & Materias\n <\/h4>\n <div id=\"modalCourses\" class=\"flex flex-wrap gap-1.5\">\n \n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-[11px] font-bold text-strwa-gold uppercase tracking-wider mb-1 flex items-center gap-1.5 font-display\">\n <i class=\"fa-solid fa-feather-pointed\"><\/i> Ensayos & Publicaciones\n <\/h4>\n <ul id=\"modalPublications\" class=\"space-y-1 text-xs text-slate-400 italic\">\n \n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"px-5 py-3 bg-slate-950\/80 border-t border-slate-800 flex items-center justify-between\">\n <span class=\"text-xs text-slate-400 flex items-center gap-2\">\n <i class=\"fa-regular fa-envelope text-strwa-gold\"><\/i>\n <span id=\"modalEmail\" class=\"font-mono text-slate-200 select-all\"><\/span>\n <\/span>\n <button \n onclick=\"closeModal()\" \n class=\"px-4 py-1.5 bg-slate-800 hover:bg-strwa-navy text-white text-xs font-semibold rounded-lg transition border border-slate-700 hover:border-strwa-gold\"\n >\n Cerrar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/**\n * Paleta unificada: Tweed \u00c1mbar & Caf\u00e9 para todos los docentes\n *\/\n const TWEED_THEME = {\n name: \"Tweed \u00c1mbar & Caf\u00e9\",\n primary: \"#b45309\", \/\/ \u00c1mbar quemado \/ caf\u00e9 tweed\n accent: \"#f59e0b\", \/\/ Dorado \u00e1mbar\n cardBorder: \"#f59e0b\",\n badgeBg: \"rgba(180, 83, 9, 0.45)\",\n badgeText: \"#fde68a\",\n glow: \"rgba(180, 83, 9, 0.55)\"\n };\n\n\n \/**\n * Exactamente 8 docentes para la distribuci\u00f3n fija de 4 columnas x 2 filas.\n *\/\n const facultyMembers = [\n {\n id: 1,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Dr. Jorge Ruiz\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Teolog\u00eda Sistem\u00e1tica\",\n email: \"jruizs@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/JorgeR.PNG\",\n degrees: [\n \"Ph.D. en Teolog\u00eda Hist\u00f3rica (Westminster Theological Seminary)\",\n \"Th.M. en Teolog\u00eda Reformada (Puritan Reformed Theological Seminary - PRTS)\",\n \"M.Div. (Seminario Teol\u00f3gico Reformado)\", \"Licenciatura en Periodismo (Universidad Aut\u00f3noma de Barcelona, 1994).\", \"Licenciatura en Teolog\u00eda (1997)\", \"Maestr\u00eda en Teolog\u00eda (1999)\", \"Diploma de Estudios Avanzados en Teolog\u00eda (2001)\", \"Doctorado en Teolog\u00eda (2005), en la Facult\u00e9 Libre de Th\u00e9ologie R\u00e9form\u00e9e, Aix-en-Provence, Francia\", \"Director del seminario Academia de Teolog\u00eda Reformada\", \"Asesor de la Sociedad B\u00edblica Trinitaria.\"\n ],\n bio: \"Pastor de la Iglesia Reformada Continuada en Rub\u00ed (Barcelona); ministro de la Free Church of Scotland (Continuing).\",\n courses: [\"Teologia Sistem\u00e1tica I, II y III\"],\n publications: [\n \"La Teolog\u00eda Pactual de William Ames (2022)\",\n \"El Pacto de Gracia en la Dogm\u00e1tica Puritana (2024)\"\n ]\n },\n {\n id: 2,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Michael Ives\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Teologia Biblica - Catequesis\",\n email: \"mives@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/Ives.PNG\",\n degrees: [\n \"Ph.D. en Historia Eclesi\u00e1stica (University of Edinburgh)\",\n \"M.Th. en Estudios Puritanos (Free Church College, Edimburgo)\",\n \"M.Div. (Mid-America Reformed Seminary)\"\n ],\n bio: \"Investigador de la piedad puritana experimental y de la Asamblea de Westminster. Ha impartido conferencias a nivel internacional sobre la influencia de William Ames en Nueva Inglaterra.\",\n courses: [\"Historia de la Iglesia Medieval y Reformada\", \"Los Te\u00f3logos de Westminster\", \"Piedad Puritana\"],\n publications: [\n \"Fidelidad Bajo Presi\u00f3n: La Gran Expulsi\u00f3n de 1662 (2021)\",\n \"Gu\u00eda Cr\u00edtica a 'La M\u00e9dula de la Teolog\u00eda' de William Ames (2023)\"\n ]\n },\n {\n id: 3,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Hugues Piere\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Historia de la Iglesia\",\n email: \"hpiere@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/HP.PNG\",\n degrees: [\n \"Ph.D. en Estudios Sem\u00edticos y Antiguo Testamento (Trinity Evangelical Divinity School)\",\n \"M.A. en Arqueolog\u00eda B\u00edblica (Wheaton College Graduate School)\"\n ],\n bio: \"Enfocada en la sem\u00e1ntica del hebreo cl\u00e1sico, la teolog\u00eda del Pentateuco y la ex\u00e9gesis tipol\u00f3gica veterotestamentaria que anticipa la obra de Cristo mediador.\",\n courses: [\"Hebreo B\u00edblico I & II\", \"Ex\u00e9gesis del G\u00e9nesis y \u00c9xodo\", \"Teolog\u00eda del Antiguo Testamento\"],\n publications: [\n \"Sintaxis del Hebreo B\u00edblico para Pastores (2020)\",\n \"La Gloria del Tabern\u00e1culo en el Desierto (2023)\"\n ]\n },\n {\n id: 4,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Harry Woods\",\n role: \"Profesor Visitante\",\n chair: \"C\u00e1tedra de Apolog\u00e9tica Presuposicional & Filosof\u00eda\",\n email: \"dmachen@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/hwoods1.png\",\n degrees: [\n \"Ph.D. en Filosof\u00eda de la Religi\u00f3n (Cambridge University)\",\n \"Th.M. en Apolog\u00e9tica (Westminster Theological Seminary)\",\n \"B.A. en Filosof\u00eda Cl\u00e1sica\"\n ],\n bio: \"Defensor de la epistemolog\u00eda de la revelaci\u00f3n b\u00edblica en la tradici\u00f3n de Cornelius Van Til. Analiza el pensamiento posmoderno desde una perspectiva estrictamente reformada.\",\n courses: [\"Apolog\u00e9tica Cristiana Presuposicional\", \"Filosof\u00eda Reformada\", \"\u00c9tica Teol\u00f3gica\"],\n publications: [\n \"Sujetando Todo Pensamiento a Cristo (2021)\",\n \"Fundamentos del Ate\u00edsmo Cr\u00edtico y la Respuesta B\u00edblica (2024)\"\n ]\n },\n {\n id: 5,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Mgtr. Cristian Vila\",\n role: \"Decano Acad\u00e9mico\",\n chair: \"Direcci\u00f3n Acad\u00e9mica & Administraci\u00f3n Teol\u00f3gica\",\n email: \"cvila@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/cvila.png\",\n degrees: [\n \"M.A.L.F en Artes de Formaci\u00f3n de Liderazgo (Calvin Theological Seminary)\",\n \"Licenciado en Liderazgo Pastoral\",\n \"Diplomado en Educacion Superior\",\n \"Diplomado en Metodologia de la Investigacion Cientifica Cualitativa & Cuantitativa\",\n \"Diplomado en Psicopedagogia\" \n ],\n bio: \"Encargado de la estructuraci\u00f3n curricular, convenios internacionales y bienestar estudiantil de los seminaristas del STRWA en Am\u00e9rica Latina.\",\n courses: [\"Hermeneutica Biblica\", \"Introducci\u00f3n a la Biblia\", \"Cosmovision Cristiana\"],\n publications: [\n \"Workbook - Confesion de Westminster (2026)\"\n ]\n },\n {\n id: 6,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Edgar Ibarra\",\n role: \"Profesor Titular\",\n chair: \"C\u00e1tedra de Homil\u00e9tica & Predicaci\u00f3n Expositiva\",\n email: \"eibarra@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/eibarra.png\",\n degrees: [\n \"D.Min. en Predicaci\u00f3n Expositiva (The Master's Seminary)\",\n \"Th.M. en Teolog\u00eda Pr\u00e1ctica (PRTS)\",\n \"M.Div. (Seminario Teol\u00f3gico Reformado)\"\n ],\n bio: \"Pastor por m\u00e1s de 25 a\u00f1os. Su docencia enfatiza la homil\u00e9tica cristoc\u00e9ntrica, la unci\u00f3n del Esp\u00edritu Santo y la claridad exeg\u00e9tica en el p\u00falpito reformado.\",\n courses: [\"Homil\u00e9tica I y II\", \"Consejer\u00eda Nout\u00e9tica y Pastoral\", \"El Ministerio y las Pruebas\"],\n publications: [\n \"Fuego en el P\u00falpito: La Predicaci\u00f3n que Transforma Vidas (2019)\",\n \"El Hombre de Dios en su Estudio y Oraci\u00f3n (2023)\"\n ]\n },\n {\n id: 7,\n activo: true, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Rev. Marcelo Sanchez\",\n role: \"Profesor Titular\",\n chair: \"Curadur\u00eda de Archivos Puritanos & Recursos Cl\u00e1sicos\",\n email: \"msanchez@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/msanchez.png\",\n degrees: [\n \"M\u00e1ster en Bibliotecolog\u00eda y Ciencias Documentales (Universidad de Salamanca)\",\n \"Especialista en Preservaci\u00f3n de Manuscritos Teol\u00f3gicos del Siglo XVII\",\n \"B.A. en Literatura e Historia\"\n ],\n bio: \"Custodia de la colecci\u00f3n digital e impresa de los tratados de William Ames, William Perkins y los te\u00f3logos de la Segunda Reforma Holandesa (Nadere Reformatie).\",\n courses: [\"Metodolog\u00eda de Fuentes Teol\u00f3gicas Cl\u00e1sicas\", \"Uso de Archivos Digitales Reformados\"],\n publications: [\n \"Cat\u00e1logo Anotado de las Obras de William Ames (1576-1633) (2024)\"\n ]\n },\n {\n id: 8,\n activo: false, \/\/ <-- Cambiar a false para ocultar individualmente\n name: \"Vacante\",\n role: \"Profesor Adjunto\",\n chair: \"C\u00e1tedra de Griego Koin\u00e9 & Teolog\u00eda Paulina\",\n email: \"vacantr@strwaedu.org\",\n image: \"https:\/\/strwaedu.org\/img\/#\",\n degrees: [\n \n ],\n bio: \"\",\n courses: [\"\"],\n publications: [\n \"\",\n \"\"\n ]\n }\n ];\n\n \/**\n * Filtra los profesores activos y los renderiza en la cuadr\u00edcula\n *\/\n function renderFourByTwoGrid() {\n const container = document.getElementById('facultyContainer');\n const emptyNotice = document.getElementById('emptyStateNotice');\n const activeBadge = document.getElementById('activeCountBadge');\n\n container.innerHTML = '';\n\n \/\/ Aplicar filtro de la Opci\u00f3n 1:\n const activeMembers = facultyMembers.filter(f => f.activo === true);\n\n \/\/ Actualizar badge indicador\n if (activeBadge) {\n activeBadge.textContent = `${activeMembers.length} activo${activeMembers.length === 1 ? '' : 's'}`;\n }\n\n \/\/ Si no hay docentes activos, mostrar el aviso institucional elegante\n if (activeMembers.length === 0) {\n container.classList.add('hidden');\n emptyNotice.classList.remove('hidden');\n emptyNotice.classList.add('flex');\n return;\n }\n\n container.classList.remove('hidden');\n emptyNotice.classList.add('hidden');\n emptyNotice.classList.remove('flex');\n\n activeMembers.forEach((faculty) => {\n const theme = TWEED_THEME;\n const card = document.createElement('article');\n\n card.className = `faculty-card relative rounded-xl sm:rounded-2xl border border-slate-300\/80 overflow-hidden flex flex-col justify-between cursor-pointer group shadow-sm`;\n card.setAttribute('tabindex', '0');\n card.setAttribute('role', 'button');\n card.setAttribute('aria-label', `Abrir perfil de ${faculty.name}`);\n\n card.innerHTML = `\n \n <div class=\"relative w-full aspect-[4\/3.8] overflow-hidden bg-slate-900\">\n <img decoding=\"async\" \n src=\"${faculty.image}\" \n alt=\"${faculty.name}\" \n class=\"faculty-photo w-full h-full object-cover object-center\"\n loading=\"lazy\"\n onerror=\"this.src='https:\/\/placehold.co\/600x600\/b45309\/ffffff?text=${encodeURIComponent(faculty.name)}'\"\n \/>\n\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent opacity-70 group-hover:opacity-40 transition duration-300\"><\/div>\n\n \n <div class=\"absolute top-2.5 right-2.5\">\n <span class=\"px-2 py-0.5 rounded-full text-[9px] font-bold tracking-wider uppercase bg-slate-900\/85 backdrop-blur-md text-amber-200 border border-amber-500\/30 shadow-sm\">\n ${faculty.role}\n <\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"card-info p-3 sm:p-3.5 flex flex-col justify-between flex-grow bg-white\">\n <div>\n <h3 class=\"faculty-title-name text-sm sm:text-[15px] font-bold font-display text-slate-800 tracking-wide leading-tight group-hover:text-amber-800 transition-colors\">\n ${faculty.name}\n <\/h3>\n <p class=\"faculty-chair-text text-[11px] font-medium text-slate-500 mt-1 line-clamp-1\">\n ${faculty.chair}\n <\/p>\n <\/div>\n\n \n <div class=\"pt-2 mt-2.5 border-t border-slate-100 flex items-center justify-between text-[11px]\">\n <span class=\"click-hint text-slate-400 group-hover:text-amber-700 transition flex items-center gap-1.5 text-[10px] font-semibold\">\n <span>Ver ficha<\/span>\n <i class=\"fa-solid fa-arrow-right text-[8px] transform group-hover:translate-x-1 transition\"><\/i>\n <\/span>\n\n <span class=\"w-2 h-2 rounded-full bg-amber-600\/60 group-hover:bg-amber-600 group-hover:scale-125 transition-all shadow-sm\"><\/span>\n <\/div>\n <\/div>\n `;\n\n card.addEventListener('mouseenter', () => {\n \/\/ Efecto Tweed \u00c1mbar & Caf\u00e9 unificado\n card.style.borderColor = theme.cardBorder;\n card.style.boxShadow = `0 14px 28px -6px ${theme.glow}, 0 4px 10px -2px rgba(180, 83, 9, 0.2)`;\n \n const nameEl = card.querySelector('.faculty-title-name');\n nameEl.style.color = '#92400e';\n\n const hint = card.querySelector('.click-hint');\n hint.style.color = theme.primary;\n });\n\n card.addEventListener('mouseleave', () => {\n \/\/ Restaurar colores neutrales sobre plomo claro\n card.style.borderColor = 'rgba(203, 213, 225, 0.8)';\n card.style.boxShadow = '';\n\n const nameEl = card.querySelector('.faculty-title-name');\n nameEl.style.color = '';\n\n const hint = card.querySelector('.click-hint');\n hint.style.color = '';\n });\n\n \/\/ Apertura de modal al click o pulsar teclado\n card.addEventListener('click', () => openModal(faculty));\n card.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n openModal(faculty);\n }\n });\n\n container.appendChild(card);\n });\n }\n\n \/**\n * Utilidad de conveniencia para alternar r\u00e1pidamente todos los estados activos\n *\/\n function toggleAllFaculty(status) {\n facultyMembers.forEach(f => f.activo = status);\n renderFourByTwoGrid();\n }\n\n function openModal(faculty) {\n const modal = document.getElementById('facultyModal');\n const box = document.getElementById('modalBox');\n const theme = TWEED_THEME;\n\n \/\/ Inyecci\u00f3n de textos\n document.getElementById('modalPhoto').src = faculty.image;\n document.getElementById('modalPhoto').alt = faculty.name;\n document.getElementById('modalFacultyName').textContent = faculty.name;\n document.getElementById('modalFacultyChair').textContent = faculty.chair;\n document.getElementById('modalBio').textContent = `\"${faculty.bio}\"`;\n document.getElementById('modalEmail').textContent = faculty.email;\n\n \/\/ Aplicar color Tweed \u00c1mbar & Caf\u00e9 al modal\n box.style.borderTopColor = theme.cardBorder;\n\n \/\/ Badge de Rol en Modal\n const roleEl = document.getElementById('modalRole');\n roleEl.textContent = faculty.role;\n\n \/\/ Grados Acad\u00e9micos\n const degreesEl = document.getElementById('modalDegrees');\n degreesEl.innerHTML = faculty.degrees.map(deg => `\n <li class=\"flex items-start gap-2\">\n <i class=\"fa-solid fa-check text-xs mt-1 text-amber-400\"><\/i>\n <span>${deg}<\/span>\n <\/li>\n `).join('');\n\n \/\/ Materias y C\u00e1tedras\n const coursesEl = document.getElementById('modalCourses');\n coursesEl.innerHTML = faculty.courses.map(course => `\n <span class=\"px-2.5 py-1 rounded-md text-xs font-medium border border-amber-500\/30 bg-amber-900\/30 text-amber-200\">\n ${course}\n <\/span>\n `).join('');\n\n \/\/ Publicaciones\n const pubEl = document.getElementById('modalPublications');\n pubEl.innerHTML = faculty.publications.map(pub => `\n <li class=\"flex items-start gap-2\">\n <i class=\"fa-solid fa-book text-[10px] mt-1 text-amber-500\"><\/i>\n <span>\"${pub}\"<\/span>\n <\/li>\n `).join('');\n\n \/\/ Revelar modal\n modal.classList.remove('modal-hidden');\n modal.classList.add('modal-visible');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n const modal = document.getElementById('facultyModal');\n modal.classList.remove('modal-visible');\n modal.classList.add('modal-hidden');\n document.body.style.overflow = '';\n }\n\n \/\/ Cerrar al clickear fuera del contenedor o presionar tecla Escape\n document.getElementById('facultyModal').addEventListener('click', (e) => {\n if (e.target === document.getElementById('facultyModal')) {\n closeModal();\n }\n });\n\n window.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n closeModal();\n }\n });\n\n \/\/ Iniciar renderizado al cargar el DOM\n document.addEventListener('DOMContentLoaded', () => {\n renderFourByTwoGrid();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Equipo Instructores \/ Mentores Facultad STRWA – Seminario Teol\u00f3gico Reformado William Ames Control de Visibilidad 8 activos Ocultar Todos Mostrar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1065","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages\/1065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strwaedu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1065"}],"version-history":[{"count":96,"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages\/1065\/revisions"}],"predecessor-version":[{"id":1177,"href":"https:\/\/strwaedu.org\/index.php?rest_route=\/wp\/v2\/pages\/1065\/revisions\/1177"}],"wp:attachment":[{"href":"https:\/\/strwaedu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}