{"id":1031,"date":"2020-04-29T13:00:37","date_gmt":"2020-04-29T13:00:37","guid":{"rendered":"https:\/\/ld-wp73.template-help.com\/wordpress\/prod_11340\/v3\/?page_id=1031"},"modified":"2026-07-14T10:23:07","modified_gmt":"2026-07-14T16:23:07","slug":"junta-directiva","status":"publish","type":"page","link":"https:\/\/fundacioncovelo.hn\/master\/junta-directiva\/","title":{"rendered":"Junta Directiva"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1031\" class=\"elementor elementor-1031\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78aebf0 e-flex e-con-boxed e-con e-parent\" data-id=\"78aebf0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b35fdb0 elementor-widget elementor-widget-html\" data-id=\"b35fdb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Importar fuente Montserrat para asegurar el dise\u00f1o premium *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n\r\n    \/* Variables CSS - Aisladas para no afectar el resto del sitio *\/\r\n    .gov-wrapper {\r\n        --gov-blue: #1C0E66;\r\n        --gov-green: #199178;\r\n        --gov-yellow: #E39F1E;\r\n        --gov-bg: #F8FAFC;\r\n        --gov-text-main: #1E293B;\r\n        --gov-text-muted: #64748B;\r\n        --gov-panel-bg: #FFFFFF;\r\n        \r\n        --gov-font: 'Montserrat', Arial, sans-serif;\r\n        --gov-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        \r\n        font-family: var(--gov-font);\r\n        \/* background-color: var(--gov-bg); *\/\r\n        color: var(--gov-text-main);\r\n        padding: 0 1.5rem 5rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .gov-wrapper *, .gov-wrapper *::before, .gov-wrapper *::after {\r\n        box-sizing: inherit;\r\n    }\r\n\r\n    .gov-bg-pattern {\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background-image: radial-gradient(rgba(28, 14, 102, 0.04) 2px, transparent 2px);\r\n        background-size: 32px 32px;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .gov-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .gov-header {\r\n        text-align: center;\r\n        max-width: 700px;\r\n        margin: 0 auto 4rem auto;\r\n    }\r\n\r\n    .gov-title {\r\n        font-size: 2.5rem;\r\n        font-weight: 700;\r\n        color: var(--gov-blue);\r\n        margin: 0 0 1rem 0;\r\n        position: relative;\r\n        display: inline-block;\r\n        padding-bottom: 0.5rem;\r\n    }\r\n\r\n    \/* L\u00ednea decorativa del t\u00edtulo principal *\/\r\n    .gov-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 80px;\r\n        height: 4px;\r\n        background-color: var(--gov-blue);\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* Acento amarillo en la l\u00ednea *\/\r\n    .gov-title::before {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: calc(50% + 20px);\r\n        width: 20px;\r\n        height: 4px;\r\n        background-color: var(--gov-yellow);\r\n        border-radius: 0 4px 4px 0;\r\n        z-index: 2;\r\n    }\r\n\r\n    .gov-subtitle {\r\n        font-size: 1.125rem;\r\n        color: var(--gov-text-muted);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    .gov-layout {\r\n        display: grid;\r\n        \/* Proporci\u00f3n 65% \/ separador \/ 35% *\/\r\n        grid-template-columns: 6.5fr 1px 3.5fr;\r\n        gap: 2.5rem;\r\n        align-items: start;\r\n    }\r\n\r\n    .gov-separator {\r\n        width: 1px;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, transparent, #E39F1E 15%, rgba(28, 14, 102, 0.1) 85%, transparent);\r\n    }\r\n\r\n    .gov-panel {\r\n        background-color: var(--gov-panel-bg);\r\n        border-radius: 22px;\r\n        padding: 2.5rem;\r\n        box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.04);\r\n        border: 1px solid rgba(226, 232, 240, 0.6);\r\n        transition: var(--gov-transition);\r\n        height: 100%;\r\n    }\r\n\r\n    .gov-panel:hover {\r\n        box-shadow: 0 15px 50px -10px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    .gov-panel__header {\r\n        margin-bottom: 2rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .gov-panel__icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .gov-panel--directiva .gov-panel__icon {\r\n        background-color: rgba(28, 14, 102, 0.06);\r\n        color: var(--gov-blue);\r\n    }\r\n\r\n    .gov-panel--vigilancia .gov-panel__icon {\r\n        background-color: rgba(25, 145, 120, 0.06);\r\n        color: var(--gov-green);\r\n    }\r\n\r\n    .gov-panel__title {\r\n        font-size: 1.25rem;\r\n        font-weight: 700;\r\n        margin: 0 0 0.5rem 0;\r\n        color: var(--gov-text-main);\r\n    }\r\n\r\n    .gov-panel__line {\r\n        width: 40px;\r\n        height: 3px;\r\n        border-radius: 3px;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .gov-panel--directiva .gov-panel__line { background-color: var(--gov-blue); }\r\n    .gov-panel--vigilancia .gov-panel__line { background-color: var(--gov-green); }\r\n\r\n    .gov-panel__desc {\r\n        font-size: 0.95rem;\r\n        color: var(--gov-text-muted);\r\n        line-height: 1.5;\r\n        margin: 0;\r\n    }\r\n\r\n    .gov-grid-cards {\r\n        display: grid;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .gov-grid-cards--2col { grid-template-columns: repeat(2, 1fr); }\r\n    .gov-grid-cards--1col { grid-template-columns: 1fr; }\r\n\r\n    \/* Tarjetas de Integrantes \u2014 Premium Executive Profile *\/\r\n    .gov-card {\r\n        background: #FFFFFF;\r\n        border-radius: 16px;\r\n        padding: 3.25rem 1.75rem 1.75rem 1.75rem;\r\n        text-align: center;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        overflow: visible;\r\n        \/* Sombra inicial ligera y elegante *\/\r\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 16px rgba(0, 0, 0, 0.03);\r\n        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n                    box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n                    background 0.3s ease;\r\n    }\r\n\r\n    \/* Shimmer \u2014 banda de luz que recorre la tarjeta una sola vez al hacer hover *\/\r\n    .gov-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background: linear-gradient(\r\n            105deg,\r\n            transparent 40%,\r\n            rgba(255, 255, 255, 0.45) 50%,\r\n            transparent 60%\r\n        );\r\n        background-size: 200% 100%;\r\n        background-position: 200% 0;\r\n        border-radius: 16px;\r\n        pointer-events: none;\r\n        z-index: 5;\r\n    }\r\n\r\n    .gov-card:hover::after {\r\n        animation: gov-shimmer 0.5s ease-out forwards;\r\n    }\r\n\r\n    @keyframes gov-shimmer {\r\n        0%   { background-position: 200% 0; }\r\n        100% { background-position: -200% 0; }\r\n    }\r\n\r\n    \/* Asignaci\u00f3n din\u00e1mica de colores institucionales *\/\r\n    .gov-card--blue {\r\n        --card-color: var(--gov-blue);\r\n        --card-bg-light: rgba(28, 14, 102, 0.07);\r\n    }\r\n\r\n    .gov-card--green {\r\n        --card-color: var(--gov-green);\r\n        --card-bg-light: rgba(25, 145, 120, 0.07);\r\n    }\r\n\r\n    \/* Hover: elevaci\u00f3n + degradado sutil + sombra refinada *\/\r\n    .gov-card:hover {\r\n        transform: translateY(-8px);\r\n        background: linear-gradient(180deg, #FFFFFF, #FBFBFF);\r\n        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 12px 28px rgba(0, 0, 0, 0.05);\r\n        z-index: 3;\r\n    }\r\n\r\n    \/* Accesibilidad: outline en focus *\/\r\n    .gov-card:focus-visible {\r\n        outline: 2px solid var(--gov-yellow);\r\n        outline-offset: 4px;\r\n    }\r\n\r\n    \/* Fotograf\u00eda \u2014 protagonista, sobresale del borde superior ~24px *\/\r\n    .gov-card__photo-wrapper {\r\n        width: 130px;\r\n        height: 130px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        margin-top: -4.5rem;           \/* sobresale del top de la card *\/\r\n        margin-bottom: 1.25rem;\r\n        border: 3px solid #FFFFFF;\r\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);\r\n        transition: border-color 0.3s ease,\r\n                    box-shadow 0.3s ease;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Hover: aro institucional fino alrededor de la foto *\/\r\n    .gov-card:hover .gov-card__photo-wrapper {\r\n        border-color: var(--card-color);\r\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07), 0 0 0 2px var(--card-color);\r\n    }\r\n\r\n    .gov-card__photo {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    \/* Hover: la foto crece ~6% *\/\r\n    .gov-card:hover .gov-card__photo {\r\n        transform: scale(1.06);\r\n    }\r\n\r\n    .gov-card__name {\r\n        font-size: 1.0625rem;\r\n        font-weight: 600;\r\n        color: var(--gov-text-main);\r\n        margin: 0 0 0.35rem 0;\r\n        letter-spacing: -0.01em;\r\n    }\r\n\r\n    .gov-card__role {\r\n        display: inline-block;\r\n        padding: 0.3rem 0.8rem;\r\n        border-radius: 20px;\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        color: var(--card-color);\r\n        background-color: var(--card-bg-light);\r\n        transition: box-shadow 0.3s ease,\r\n                    filter 0.3s ease;\r\n    }\r\n\r\n    \/* Hover: el chip del cargo gana presencia sutil *\/\r\n    .gov-card:hover .gov-card__role {\r\n        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\r\n        filter: saturate(1.25) brightness(0.97);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .gov-panel { padding: 2rem 1.5rem; }\r\n        .gov-layout { gap: 1.5rem; }\r\n        .gov-grid-cards { gap: 1rem; }\r\n        .gov-card { padding: 3.25rem 1.25rem 1.5rem 1.25rem; }\r\n        .gov-card__photo-wrapper {\r\n            width: 110px;\r\n            height: 110px;\r\n            margin-top: -4rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .gov-layout {\r\n            grid-template-columns: 1fr; \/* Colapsa a 1 columna *\/\r\n            gap: 3rem;\r\n        }\r\n        .gov-separator { display: none; } \/* Ocultar separador *\/\r\n        .gov-header { margin-bottom: 3rem; }\r\n        .gov-grid-cards--2col {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .gov-card { padding: 3.25rem 1.25rem 1.5rem 1.25rem; }\r\n        .gov-card__photo-wrapper {\r\n            width: 110px;\r\n            height: 110px;\r\n            margin-top: -4rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .gov-wrapper { padding: 3rem 1rem; }\r\n        .gov-title { font-size: 2rem; }\r\n        \/* Todas las grillas a 1 columna en m\u00f3vil *\/\r\n        .gov-grid-cards--2col { grid-template-columns: 1fr; }\r\n        .gov-panel { padding: 1.5rem; }\r\n        .gov-card { padding: 3.25rem 1.25rem 1.5rem 1.25rem; }\r\n        .gov-card__photo-wrapper {\r\n            width: 100px;\r\n            height: 100px;\r\n            margin-top: -3.5rem;\r\n        }\r\n    }\r\n\r\n    \/* ============================================================\r\n       ANIMACIONES CON ANIME.JS\r\n       Los estados iniciales (ocultos) solo aplican cuando JS a\u00f1ade\r\n       la clase .gov-js al wrapper. Si el script o el CDN fallan,\r\n       el contenido se muestra normalmente. Con prefers-reduced-motion\r\n       la clase nunca se a\u00f1ade y no hay animaci\u00f3n.\r\n       ============================================================ *\/\r\n\r\n    .gov-wrapper.gov-js .gov-subtitle,\r\n    .gov-wrapper.gov-js .gov-panel__icon,\r\n    .gov-wrapper.gov-js .gov-panel__title,\r\n    .gov-wrapper.gov-js .gov-panel__desc,\r\n    .gov-wrapper.gov-js .gov-card,\r\n    .gov-wrapper.gov-js .gov-card__photo-wrapper,\r\n    .gov-wrapper.gov-js .gov-card__name,\r\n    .gov-wrapper.gov-js .gov-card__role {\r\n        opacity: 0;\r\n    }\r\n\r\n    \/* La l\u00ednea decorativa crece desde la izquierda *\/\r\n    .gov-wrapper.gov-js .gov-panel__line {\r\n        opacity: 0;\r\n        transform-origin: left center;\r\n    }\r\n\r\n    \/* El separador vertical se dibuja de arriba hacia abajo *\/\r\n    .gov-wrapper.gov-js .gov-separator {\r\n        opacity: 0;\r\n        transform-origin: top center;\r\n    }\r\n\r\n    \/* Mejora de rendimiento durante la secuencia de entrada *\/\r\n    .gov-wrapper.gov-js .gov-card,\r\n    .gov-wrapper.gov-js .gov-card__photo-wrapper {\r\n        will-change: transform, opacity;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gov-wrapper\" aria-labelledby=\"gov-main-title\">\r\n    <div class=\"gov-bg-pattern\"><\/div>\r\n    \r\n    <div class=\"gov-container\">\r\n        <!-- Encabezado de secci\u00f3n -->\r\n        <header class=\"gov-header\">\r\n            <!-- <h2 id=\"gov-main-title\" class=\"gov-title\">Nuestro Equipo<\/h2> -->\r\n            <p class=\"gov-subtitle\">Conozca a los integrantes de la Junta Directiva y Junta de Vigilancia que contribuyen al fortalecimiento y transparencia institucional.<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"gov-layout\">\r\n            \r\n            <article class=\"gov-panel gov-panel--directiva\">\r\n                <header class=\"gov-panel__header\">\r\n                    <div class=\"gov-panel__icon\">\r\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"gov-panel__title\">Junta Directiva<\/h3>\r\n                    <div class=\"gov-panel__line\"><\/div>\r\n                    <p class=\"gov-panel__desc\">\u00d3rgano rector encargado de la direcci\u00f3n estrat\u00e9gica, planificaci\u00f3n y administraci\u00f3n general de nuestra instituci\u00f3n.<\/p>\r\n                <\/header>\r\n\r\n                <div class=\"gov-grid-cards gov-grid-cards--2col\">\r\n                    \r\n                    <!-- Tarjeta 1: Presidente -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img fetchpriority=\"high\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/1-150x150.png\" alt=\"Fotograf\u00eda del Presidente de Junta Directiva\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Adolfo Facuss\u00e9 Handal<\/h4>\r\n                        <span class=\"gov-card__role\">Presidente<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 2: Vicepresidente -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img fetchpriority=\"high\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/7-150x150.png\" alt=\"Fotograf\u00eda del Vicepresidente\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Robert Vinelli<\/h4>\r\n                        <span class=\"gov-card__role\">Vicepresidente<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 3: Secretario -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img fetchpriority=\"high\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/9-150x150.png\" alt=\"Fotograf\u00eda del Secretario\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Victor Rheinboldt<\/h4>\r\n                        <span class=\"gov-card__role\">Secretario<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 4: Tesorero -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img fetchpriority=\"high\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/6-150x150.png\" alt=\"Fotograf\u00eda del Tesorero\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Mario Nufio<\/h4>\r\n                        <span class=\"gov-card__role\">Vocal I Propietario<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 5: Vocal I -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/11-150x150.png\" alt=\"Fotograf\u00eda del Vocal I\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"lazy\" fetchpriority=\"low\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Jimmy Dacarett<\/h4>\r\n                        <span class=\"gov-card__role\">Vocal II Propietario<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 6: Vocal II -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/10-150x150.png\" alt=\"Fotograf\u00eda del Vocal II\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"lazy\" fetchpriority=\"low\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Magda Sol\u00eds<\/h4>\r\n                        <span class=\"gov-card__role\">Vocal III Propietario<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 7: Vocal II -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/4-150x150.png\" alt=\"Fotograf\u00eda del Vocal II\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"lazy\" fetchpriority=\"low\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Mar\u00eda E. Covelo<\/h4>\r\n                        <span class=\"gov-card__role\">Vocal I Suplente<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 8: Vocal II -->\r\n                    <div class=\"gov-card gov-card--blue\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/8-150x150.png\" alt=\"Fotograf\u00eda del Vocal II\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"lazy\" fetchpriority=\"low\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Selma Estrada<\/h4>\r\n                        <span class=\"gov-card__role\">Vocal II Suplente<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <div class=\"gov-separator\" aria-hidden=\"true\"><\/div>\r\n\r\n            <article class=\"gov-panel gov-panel--vigilancia\">\r\n                <header class=\"gov-panel__header\">\r\n                    <div class=\"gov-panel__icon\">\r\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                            <path d=\"m9 12 2 2 4-4\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"gov-panel__title\">Junta de Vigilancia<\/h3>\r\n                    <div class=\"gov-panel__line\"><\/div>\r\n                    <p class=\"gov-panel__desc\">Ente responsable de fiscalizar y garantizar el cumplimiento normativo en beneficio de la instituci\u00f3n.<\/p>\r\n                <\/header>\r\n\r\n                <div class=\"gov-grid-cards gov-grid-cards--1col\">\r\n                    \r\n                    <!-- Tarjeta 1: Presidente Vigilancia -->\r\n                    <div class=\"gov-card gov-card--green\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img fetchpriority=\"high\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/5-150x150.png\" alt=\"Fotograf\u00eda del Presidente de Vigilancia\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"eager\" fetchpriority=\"high\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Jorge Dickerman<\/h4>\r\n                        \r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 2: Secretario Vigilancia -->\r\n                    <div class=\"gov-card gov-card--green\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/Fotos-sin-fondo-PEVP-Y-GERENTES-150x150.png\" alt=\"Fotograf\u00eda del Secretario de Vigilancia\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"lazy\" fetchpriority=\"low\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Carlos W. Cruz<\/h4>\r\n                        \r\n                    <\/div>\r\n\r\n                    <!-- Tarjeta 3: Vocal Vigilancia -->\r\n                    <div class=\"gov-card gov-card--green\" tabindex=\"0\">\r\n                        <div class=\"gov-card__photo-wrapper\">\r\n                            <img loading=\"lazy\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/07\/2-150x150.png\" alt=\"Fotograf\u00eda del Vocal de Vigilancia\" class=\"gov-card__photo\" width=\"130\" height=\"130\" decoding=\"async\" loading=\"lazy\" fetchpriority=\"low\">\r\n                        <\/div>\r\n                        <h4 class=\"gov-card__name\">Gustavo Alfaro<\/h4>\r\n                        \r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Anime.js v3 (CDN) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animejs\/3.2.2\/anime.min.js\"><\/script>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    var wrapper = document.querySelector('.gov-wrapper');\r\n    if (!wrapper || typeof anime === 'undefined') return;\r\n\r\n    \/* Accesibilidad: si el usuario prefiere menos movimiento, no animamos nada *\/\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    \/* Activa los estados iniciales ocultos (solo ahora que sabemos que anime.js carg\u00f3) *\/\r\n    wrapper.classList.add('gov-js');\r\n\r\n    \/* ------------------------------------------------------------\r\n       1. Encabezado: el subt\u00edtulo emerge con un fade-up suave\r\n       ------------------------------------------------------------ *\/\r\n    function animateHeader(header) {\r\n        anime({\r\n            targets: header.querySelector('.gov-subtitle'),\r\n            opacity: [0, 1],\r\n            translateY: [26, 0],\r\n            duration: 950,\r\n            easing: 'easeOutCubic'\r\n        });\r\n    }\r\n\r\n    \/* ------------------------------------------------------------\r\n       2. Separador vertical: se \"dibuja\" de arriba hacia abajo\r\n       ------------------------------------------------------------ *\/\r\n    function animateSeparator(sep) {\r\n        anime({\r\n            targets: sep,\r\n            opacity: [0, 1],\r\n            scaleY: [0, 1],\r\n            duration: 1200,\r\n            easing: 'easeInOutQuart'\r\n        });\r\n    }\r\n\r\n    \/* ------------------------------------------------------------\r\n       3. Paneles: secuencia orquestada por timeline\r\n          icono \u2192 trazo del SVG \u2192 t\u00edtulo \u2192 l\u00ednea \u2192 descripci\u00f3n \u2192\r\n          tarjetas en cascada \u2192 fotos con rebote el\u00e1stico \u2192 textos\r\n       ------------------------------------------------------------ *\/\r\n    function animatePanel(panel) {\r\n        var icon    = panel.querySelector('.gov-panel__icon');\r\n        var strokes = panel.querySelectorAll('.gov-panel__icon svg path, .gov-panel__icon svg circle');\r\n        var cards   = panel.querySelectorAll('.gov-card');\r\n        var photos  = panel.querySelectorAll('.gov-card__photo-wrapper');\r\n        var labels  = panel.querySelectorAll('.gov-card__name, .gov-card__role');\r\n\r\n        var tl = anime.timeline({ easing: 'easeOutCubic' });\r\n\r\n        \/* Contenedor del \u00edcono: aparece con un peque\u00f1o \"pop\" *\/\r\n        tl.add({\r\n            targets: icon,\r\n            opacity: [0, 1],\r\n            scale: [0.4, 1],\r\n            rotate: ['-10deg', '0deg'],\r\n            duration: 600,\r\n            easing: 'easeOutBack'\r\n        });\r\n\r\n        \/* Efecto WOW: el \u00edcono se dibuja trazo a trazo *\/\r\n        tl.add({\r\n            targets: strokes,\r\n            strokeDashoffset: [anime.setDashoffset, 0],\r\n            duration: 1000,\r\n            delay: anime.stagger(140),\r\n            easing: 'easeInOutSine'\r\n        }, '-=380');\r\n\r\n        \/* T\u00edtulo del panel *\/\r\n        tl.add({\r\n            targets: panel.querySelector('.gov-panel__title'),\r\n            opacity: [0, 1],\r\n            translateY: [18, 0],\r\n            duration: 550\r\n        }, '-=800');\r\n\r\n        \/* L\u00ednea decorativa: crece desde la izquierda *\/\r\n        tl.add({\r\n            targets: panel.querySelector('.gov-panel__line'),\r\n            opacity: [0, 1],\r\n            scaleX: [0, 1],\r\n            duration: 550,\r\n            easing: 'easeOutQuart'\r\n        }, '-=380');\r\n\r\n        \/* Descripci\u00f3n *\/\r\n        tl.add({\r\n            targets: panel.querySelector('.gov-panel__desc'),\r\n            opacity: [0, 1],\r\n            translateY: [14, 0],\r\n            duration: 550\r\n        }, '-=350');\r\n\r\n        \/* Tarjetas: cascada ascendente *\/\r\n        tl.add({\r\n            targets: cards,\r\n            opacity: [0, 1],\r\n            translateY: [48, 0],\r\n            duration: 750,\r\n            delay: anime.stagger(95),\r\n            easing: 'easeOutCubic'\r\n        }, '-=280');\r\n\r\n        \/* Fotograf\u00edas: rebote el\u00e1stico tipo \"spring\" (el momento wow) *\/\r\n        tl.add({\r\n            targets: photos,\r\n            opacity: [0, 1],\r\n            scale: [0.3, 1],\r\n            duration: 900,\r\n            delay: anime.stagger(95),\r\n            easing: 'spring(1, 85, 11, 0)'\r\n        }, '-=900');\r\n\r\n        \/* Nombres y cargos: llegan justo despu\u00e9s de cada foto *\/\r\n        tl.add({\r\n            targets: labels,\r\n            opacity: [0, 1],\r\n            translateY: [12, 0],\r\n            duration: 450,\r\n            delay: anime.stagger(45)\r\n        }, '-=700');\r\n\r\n        \/* Limpieza: elimina transforms inline para no bloquear los\r\n           efectos hover en CSS (translateY de la tarjeta, etc.) *\/\r\n        tl.finished.then(function () {\r\n            cards.forEach(function (el) {\r\n                el.style.transform = '';\r\n                el.style.willChange = 'auto';\r\n            });\r\n            photos.forEach(function (el) {\r\n                el.style.transform = '';\r\n                el.style.willChange = 'auto';\r\n            });\r\n            labels.forEach(function (el) { el.style.transform = ''; });\r\n        });\r\n    }\r\n\r\n    \/* ------------------------------------------------------------\r\n       Disparo por scroll con IntersectionObserver\r\n       Cada bloque se anima una sola vez, al entrar en el viewport\r\n       ------------------------------------------------------------ *\/\r\n    var header    = wrapper.querySelector('.gov-header');\r\n    var separator = wrapper.querySelector('.gov-separator');\r\n    var panels    = wrapper.querySelectorAll('.gov-panel');\r\n\r\n    function trigger(el) {\r\n        if (el.classList.contains('gov-header')) animateHeader(el);\r\n        else if (el.classList.contains('gov-separator')) animateSeparator(el);\r\n        else if (el.classList.contains('gov-panel')) animatePanel(el);\r\n    }\r\n\r\n    if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (entry.isIntersecting) {\r\n                    trigger(entry.target);\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.15, rootMargin: '0px 0px -8% 0px' });\r\n\r\n        if (header) observer.observe(header);\r\n        if (separator) observer.observe(separator);\r\n        panels.forEach(function (p) { observer.observe(p); });\r\n    } else {\r\n        \/* Fallback para navegadores sin IntersectionObserver *\/\r\n        if (header) animateHeader(header);\r\n        if (separator) animateSeparator(separator);\r\n        panels.forEach(animatePanel);\r\n    }\r\n})();\r\n<\/script>\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>Conozca a los integrantes de la Junta Directiva y Junta de Vigilancia que contribuyen al fortalecimiento y transparencia institucional. Junta Directiva \u00d3rgano rector encargado de la direcci\u00f3n estrat\u00e9gica, planificaci\u00f3n y administraci\u00f3n general de nuestra instituci\u00f3n. Adolfo Facuss\u00e9 Handal Presidente Robert Vinelli Vicepresidente Victor Rheinboldt Secretario Mario Nufio Vocal I Propietario Jimmy Dacarett Vocal II Propietario [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1031","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages\/1031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/comments?post=1031"}],"version-history":[{"count":5,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages\/1031\/revisions"}],"predecessor-version":[{"id":3558,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages\/1031\/revisions\/3558"}],"wp:attachment":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/media?parent=1031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}