{"id":704,"date":"2026-10-23T05:03:14","date_gmt":"2026-10-23T05:03:14","guid":{"rendered":"https:\/\/cidpas.org\/?page_id=704"},"modified":"2026-10-23T05:54:39","modified_gmt":"2026-10-23T05:54:39","slug":"videos","status":"publish","type":"page","link":"https:\/\/cidpas.org\/en\/videos\/","title":{"rendered":"videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"704\" class=\"elementor elementor-704\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e9286f e-con e-atomic-element e-flexbox-base e-default-div e-e8df9e4 \" data-id=\"8e9286f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e9286f\">\n    <div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-60976d3 e-flex e-con-boxed e-con e-parent\" data-id=\"60976d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf7797 elementor-widget elementor-widget-html\" data-id=\"faf7797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   CIDPAS \u2014 PORTAL DE VIDEOS\r\n   Identidad institucional\r\n========================================= *\/\r\n\r\n.cidpas-videos {\r\n    --cv-fondo: #0B1B2B;\r\n    --cv-panel: #142941;\r\n    --cv-tarjeta: #1A3047;\r\n    --cv-borde: #2B435D;\r\n    --cv-naranja: #F28C3C;\r\n    --cv-blanco: #FFFFFF;\r\n    --cv-texto: #C5D2E5;\r\n    --cv-suave: #91A8C1;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    background: var(--cv-fondo);\r\n    color: var(--cv-blanco);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.cidpas-videos *,\r\n.cidpas-videos *::before,\r\n.cidpas-videos *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cidpas-videos img {\r\n    max-width: 100%;\r\n}\r\n\r\n.cidpas-videos .cv-contenedor {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   PORTADA\r\n========================================= *\/\r\n\r\n.cidpas-videos .cv-portada {\r\n    position: relative;\r\n    padding: 65px 24px 54px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 15%,\r\n            rgba(242, 140, 60, .13),\r\n            transparent 32%\r\n        ),\r\n        linear-gradient(135deg, #0B1B2B, #142C46);\r\n    border-bottom: 1px solid var(--cv-borde);\r\n}\r\n\r\n.cidpas-videos .cv-etiqueta {\r\n    margin: 0 0 14px;\r\n    color: var(--cv-naranja);\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cidpas-videos .cv-portada h1 {\r\n    max-width: 760px;\r\n    margin: 0 0 18px;\r\n    color: var(--cv-blanco);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(34px, 5vw, 54px);\r\n    line-height: 1.1;\r\n    font-weight: 700;\r\n}\r\n\r\n.cidpas-videos .cv-intro {\r\n    max-width: 680px;\r\n    margin: 0;\r\n    color: var(--cv-texto);\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* L\u00ednea decorativa *\/\r\n\r\n.cidpas-videos .cv-linea {\r\n    width: 68px;\r\n    height: 3px;\r\n    margin-top: 24px;\r\n    border-radius: 10px;\r\n    background: var(--cv-naranja);\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO DESTACADO\r\n========================================= *\/\r\n\r\n.cidpas-videos .cv-destacado {\r\n    padding: 42px 24px 48px;\r\n    background: var(--cv-fondo);\r\n}\r\n\r\n.cidpas-videos .cv-seccion-encabezado {\r\n    display: flex;\r\n    align-items: end;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.cidpas-videos .cv-seccion-encabezado h2 {\r\n    margin: 0;\r\n    color: var(--cv-blanco);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 28px;\r\n    line-height: 1.25;\r\n}\r\n\r\n.cidpas-videos .cv-seccion-encabezado p {\r\n    max-width: 420px;\r\n    margin: 8px 0 0;\r\n    color: var(--cv-suave);\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cidpas-videos .cv-destacado-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.4fr 1fr;\r\n    align-items: center;\r\n    gap: 30px;\r\n    padding: 20px;\r\n    border: 1px solid var(--cv-borde);\r\n    border-radius: 14px;\r\n    background: var(--cv-panel);\r\n}\r\n\r\n.cidpas-videos .cv-reproductor {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border-radius: 9px;\r\n    background: #071321;\r\n}\r\n\r\n.cidpas-videos .cv-reproductor iframe {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n}\r\n\r\n.cidpas-videos .cv-video-placeholder {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 20px;\r\n    color: var(--cv-texto);\r\n    text-align: center;\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            #1C3B59,\r\n            #071321 75%\r\n        );\r\n}\r\n\r\n.cidpas-videos .cv-play {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 58px;\r\n    height: 58px;\r\n    border-radius: 50%;\r\n    background: var(--cv-naranja);\r\n    color: #102039;\r\n    font-size: 23px;\r\n}\r\n\r\n.cidpas-videos .cv-video-placeholder p {\r\n    margin: 0;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cidpas-videos .cv-destacado-texto .cv-etiqueta {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.cidpas-videos .cv-destacado-texto h3 {\r\n    margin: 0 0 14px;\r\n    color: var(--cv-blanco);\r\n    font-size: 25px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.cidpas-videos .cv-destacado-texto > p {\r\n    margin: 0 0 20px;\r\n    color: var(--cv-texto);\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.cidpas-videos .cv-nota {\r\n    display: inline-block;\r\n    padding: 7px 10px;\r\n    border: 1px solid var(--cv-borde);\r\n    border-radius: 5px;\r\n    color: var(--cv-suave);\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================================\r\n   BIBLIOTECA Y FILTROS\r\n========================================= *\/\r\n\r\n.cidpas-videos .cv-biblioteca {\r\n    padding: 42px 24px 60px;\r\n    background: #102238;\r\n    border-top: 1px solid var(--cv-borde);\r\n}\r\n\r\n.cidpas-videos .cv-filtros {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 9px;\r\n    margin: 22px 0 26px;\r\n}\r\n\r\n.cidpas-videos .cv-filtro {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 36px;\r\n    padding: 9px 15px;\r\n    border: 1px solid #344B63;\r\n    border-radius: 30px;\r\n    background: #1A3047;\r\n    color: var(--cv-texto);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition:\r\n        background .2s ease,\r\n        color .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.cidpas-videos .cv-filtro:hover,\r\n.cidpas-videos .cv-filtro.activo {\r\n    border-color: var(--cv-naranja);\r\n    background: var(--cv-naranja);\r\n    color: #102039;\r\n}\r\n\r\n.cidpas-videos .cv-galeria {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 22px;\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta {\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border: 1px solid var(--cv-borde);\r\n    border-radius: 11px;\r\n    background: var(--cv-tarjeta);\r\n    transition:\r\n        transform .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #59728D;\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta[hidden] {\r\n    display: none !important;\r\n}\r\n\r\n.cidpas-videos .cv-miniatura {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(\r\n            circle at 70% 25%,\r\n            #284B6B,\r\n            #0B1B2B 75%\r\n        );\r\n}\r\n\r\n.cidpas-videos .cv-miniatura img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta:hover .cv-miniatura img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n.cidpas-videos .cv-miniatura-sin-imagen {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 18px;\r\n    color: #D6E2F0;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cidpas-videos .cv-miniatura-sin-imagen span {\r\n    display: block;\r\n    max-width: 210px;\r\n}\r\n\r\n.cidpas-videos .cv-miniatura-play {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 45px;\r\n    height: 45px;\r\n    border: 1px solid rgba(255,255,255,.35);\r\n    border-radius: 50%;\r\n    background: rgba(242, 140, 60, .96);\r\n    color: #102039;\r\n    font-size: 18px;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 5px 20px rgba(0,0,0,.25);\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta-contenido {\r\n    padding: 17px;\r\n}\r\n\r\n.cidpas-videos .cv-categoria {\r\n    display: inline-block;\r\n    margin: 0 0 9px;\r\n    color: var(--cv-naranja);\r\n    font-size: 9px;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n    letter-spacing: 1.3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta h3 {\r\n    margin: 0 0 9px;\r\n    color: var(--cv-blanco);\r\n    font-size: 16px;\r\n    line-height: 1.45;\r\n}\r\n\r\n.cidpas-videos .cv-tarjeta p {\r\n    margin: 0 0 15px;\r\n    color: var(--cv-texto);\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cidpas-videos .cv-ver-video {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    padding: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    color: var(--cv-naranja);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.cidpas-videos .cv-ver-video:hover {\r\n    color: #FFB06F;\r\n}\r\n\r\n\/* =========================================\r\n   SIN RESULTADOS\r\n========================================= *\/\r\n\r\n.cidpas-videos .cv-sin-resultados {\r\n    display: none;\r\n    padding: 28px 20px;\r\n    border: 1px dashed var(--cv-borde);\r\n    border-radius: 10px;\r\n    color: var(--cv-texto);\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    text-align: center;\r\n}\r\n\r\n\/* =========================================\r\n   RECURSOS\r\n========================================= *\/\r\n\r\n.cidpas-videos .cv-recursos {\r\n    padding: 42px 24px;\r\n    background: var(--cv-fondo);\r\n}\r\n\r\n.cidpas-videos .cv-recursos-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n}\r\n\r\n.cidpas-videos .cv-recurso {\r\n    padding: 22px;\r\n    border: 1px solid var(--cv-borde);\r\n    border-radius: 11px;\r\n    background: var(--cv-panel);\r\n}\r\n\r\n.cidpas-videos .cv-recurso h3 {\r\n    margin: 0 0 9px;\r\n    color: var(--cv-blanco);\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cidpas-videos .cv-recurso p {\r\n    margin: 0;\r\n    color: var(--cv-texto);\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* =========================================\r\n   MODAL DE REPRODUCCI\u00d3N\r\n========================================= *\/\r\n\r\n.cidpas-videos .cv-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 999999;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 24px;\r\n    background: rgba(3, 10, 18, .94);\r\n}\r\n\r\n.cidpas-videos .cv-modal.abierto {\r\n    display: flex;\r\n}\r\n\r\n.cidpas-videos .cv-modal-contenido {\r\n    width: 100%;\r\n    max-width: 1000px;\r\n}\r\n\r\n.cidpas-videos .cv-modal-cerrar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 43px;\r\n    height: 43px;\r\n    margin: 0 0 12px auto;\r\n    border: 1px solid rgba(255,255,255,.5);\r\n    border-radius: 50%;\r\n    background: transparent;\r\n    color: #FFFFFF;\r\n    font-size: 27px;\r\n    cursor: pointer;\r\n}\r\n\r\n.cidpas-videos .cv-modal-cerrar:hover {\r\n    background: rgba(255,255,255,.12);\r\n}\r\n\r\n.cidpas-videos .cv-modal-reproductor {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border-radius: 10px;\r\n    background: #000000;\r\n}\r\n\r\n.cidpas-videos .cv-modal-reproductor iframe {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n    .cidpas-videos .cv-destacado-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n    }\r\n\r\n    .cidpas-videos .cv-destacado-texto h3 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cidpas-videos .cv-galeria {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 17px;\r\n    }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n    .cidpas-videos .cv-portada {\r\n        padding: 43px 20px 38px;\r\n    }\r\n\r\n    .cidpas-videos .cv-portada h1 {\r\n        font-size: 35px;\r\n    }\r\n\r\n    .cidpas-videos .cv-intro {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .cidpas-videos .cv-destacado {\r\n        padding: 32px 19px 38px;\r\n    }\r\n\r\n    .cidpas-videos .cv-seccion-encabezado h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .cidpas-videos .cv-destacado-grid {\r\n        padding: 13px;\r\n    }\r\n\r\n    .cidpas-videos .cv-destacado-texto h3 {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .cidpas-videos .cv-biblioteca {\r\n        padding: 32px 19px 42px;\r\n    }\r\n\r\n    .cidpas-videos .cv-filtros {\r\n        gap: 7px;\r\n    }\r\n\r\n    .cidpas-videos .cv-filtro {\r\n        padding: 8px 11px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .cidpas-videos .cv-galeria {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .cidpas-videos .cv-tarjeta h3 {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .cidpas-videos .cv-recursos {\r\n        padding: 32px 19px;\r\n    }\r\n\r\n    .cidpas-videos .cv-recursos-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cidpas-videos .cv-modal {\r\n        padding: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cidpas-videos\">\r\n\r\n    <!-- =====================================\r\n         PORTADA INSTITUCIONAL\r\n    ====================================== -->\r\n\r\n    <section class=\"cv-portada\">\r\n        <div class=\"cv-contenedor\">\r\n\r\n            <p class=\"cv-etiqueta\">\r\n                CIDPAS \u00b7 Centro de conocimiento\r\n            <\/p>\r\n\r\n            <h1>\r\n                Ideas que transforman el futuro.\r\n            <\/h1>\r\n\r\n            <p class=\"cv-intro\">\r\n                Explora nuestras charlas, entrevistas y contenidos\r\n                sobre inteligencia artificial responsable, gobernanza,\r\n                educaci\u00f3n y las oportunidades del desarrollo territorial.\r\n            <\/p>\r\n\r\n            <div class=\"cv-linea\"><\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- =====================================\r\n         VIDEO DESTACADO\r\n    ====================================== -->\r\n\r\n    <section class=\"cv-destacado\">\r\n        <div class=\"cv-contenedor\">\r\n\r\n            <div class=\"cv-seccion-encabezado\">\r\n                <div>\r\n                    <p class=\"cv-etiqueta\">En primera fila<\/p>\r\n                    <h2>Video destacado<\/h2>\r\n                    <p>\r\n                        Conoce las ideas, iniciativas y conversaciones\r\n                        que impulsan nuestra labor.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cv-destacado-grid\">\r\n\r\n                <div class=\"cv-reproductor\" id=\"cv-video-principal\">\r\n\r\n                    <!--\r\n                    PARA MOSTRAR EL VIDEO DESTACADO:\r\n                    Reemplaza este bloque por un iframe de YouTube.\r\n\r\n                    Ejemplo:\r\n                    <iframe\r\n                        src=\"https:\/\/www.youtube.com\/embed\/ID_DEL_VIDEO\"\r\n                        title=\"Video destacado de CIDPAS\"\r\n                        loading=\"lazy\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write;\r\n                        encrypted-media; gyroscope; picture-in-picture;\r\n                        web-share\"\r\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\r\n                        allowfullscreen>\r\n                    <\/iframe>\r\n                    -->\r\n\r\n                    <div class=\"cv-video-placeholder\">\r\n                        <span class=\"cv-play\">\u25b6<\/span>\r\n                        <p>\r\n                            Aqu\u00ed aparecer\u00e1 el video destacado de CIDPAS.<br>\r\n                            A\u00f1ade el enlace de YouTube cuando est\u00e9 disponible.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"cv-destacado-texto\">\r\n\r\n                    <p class=\"cv-etiqueta\">\r\n                        Charlas y divulgaci\u00f3n\r\n                    <\/p>\r\n\r\n                    <h3>\r\n                        IA y el Corredor Log\u00edstico, explicados a quienes construir\u00e1n el futuro\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Llevamos charlas sobre inteligencia artificial\r\n                        responsable y las oportunidades del Corredor\r\n                        Chancay\u2013Anc\u00f3n\u2013Callao a estudiantes y docentes.\r\n                    <\/p>\r\n\r\n                    <span class=\"cv-nota\">\r\n                        Video destacado \u00b7 CIDPAS\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- =====================================\r\n         BIBLIOTECA DE VIDEOS\r\n    ====================================== -->\r\n\r\n    <section class=\"cv-biblioteca\" id=\"biblioteca-videos\">\r\n        <div class=\"cv-contenedor\">\r\n\r\n            <div class=\"cv-seccion-encabezado\">\r\n                <div>\r\n                    <p class=\"cv-etiqueta\">Explora nuestro contenido<\/p>\r\n                    <h2>Biblioteca de videos<\/h2>\r\n                    <p>\r\n                        Encuentra charlas, entrevistas y recursos\r\n                        audiovisuales de CIDPAS.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FILTROS -->\r\n\r\n            <div class=\"cv-filtros\" aria-label=\"Filtrar videos\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"cv-filtro activo\"\r\n                    data-categoria=\"todos\"\r\n                    aria-pressed=\"true\">\r\n                    Todos los videos\r\n                <\/button>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"cv-filtro\"\r\n                    data-categoria=\"ia\"\r\n                    aria-pressed=\"false\">\r\n                    Inteligencia artificial\r\n                <\/button>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"cv-filtro\"\r\n                    data-categoria=\"educacion\"\r\n                    aria-pressed=\"false\">\r\n                    Educaci\u00f3n\r\n                <\/button>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"cv-filtro\"\r\n                    data-categoria=\"logistica\"\r\n                    aria-pressed=\"false\">\r\n                    Corredor log\u00edstico\r\n                <\/button>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"cv-filtro\"\r\n                    data-categoria=\"eventos\"\r\n                    aria-pressed=\"false\">\r\n                    Eventos y entrevistas\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <!-- TARJETAS DE VIDEO -->\r\n\r\n            <div class=\"cv-galeria\">\r\n\r\n                <!-- VIDEO 1 -->\r\n\r\n                <article class=\"cv-tarjeta\" data-categoria=\"ia educacion logistica\">\r\n\r\n                    <div class=\"cv-miniatura\">\r\n\r\n                        <!--\r\n                        Cuando tengas el video, a\u00f1ade esta imagen:\r\n                        https:\/\/img.youtube.com\/vi\/ID_DEL_VIDEO\/hqdefault.jpg\r\n                        -->\r\n\r\n                        <div class=\"cv-miniatura-sin-imagen\">\r\n                            <span>IA y el Corredor Log\u00edstico<\/span>\r\n                        <\/div>\r\n\r\n                        <span class=\"cv-miniatura-play\">\u25b6<\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cv-tarjeta-contenido\">\r\n\r\n                        <span class=\"cv-categoria\">\r\n                            Educaci\u00f3n \u00b7 Inteligencia artificial\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            IA y el Corredor Log\u00edstico: una mirada al futuro\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Charlas sobre inteligencia artificial responsable\r\n                            y las oportunidades del corredor Chancay\u2013Anc\u00f3n\u2013Callao.\r\n                        <\/p>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cv-ver-video\"\r\n                            data-video=\"\"\r\n                            data-titulo=\"IA y el Corredor Log\u00edstico: una mirada al futuro\">\r\n                            Ver video <span>\u2192<\/span>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- VIDEO 2 -->\r\n\r\n                <article class=\"cv-tarjeta\" data-categoria=\"ia\">\r\n\r\n                    <div class=\"cv-miniatura\">\r\n                        <div class=\"cv-miniatura-sin-imagen\">\r\n                            <span>Inteligencia artificial responsable<\/span>\r\n                        <\/div>\r\n                        <span class=\"cv-miniatura-play\">\u25b6<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cv-tarjeta-contenido\">\r\n\r\n                        <span class=\"cv-categoria\">\r\n                            Inteligencia artificial\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Inteligencia artificial responsable\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Principios, oportunidades y desaf\u00edos para\r\n                            adoptar la IA de manera \u00e9tica y responsable.\r\n                        <\/p>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cv-ver-video\"\r\n                            data-video=\"\"\r\n                            data-titulo=\"Inteligencia artificial responsable\">\r\n                            Ver video <span>\u2192<\/span>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- VIDEO 3 -->\r\n\r\n                <article class=\"cv-tarjeta\" data-categoria=\"logistica eventos\">\r\n\r\n                    <div class=\"cv-miniatura\">\r\n                        <div class=\"cv-miniatura-sin-imagen\">\r\n                            <span>Chancay\u2013Anc\u00f3n\u2013Callao<\/span>\r\n                        <\/div>\r\n                        <span class=\"cv-miniatura-play\">\u25b6<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cv-tarjeta-contenido\">\r\n\r\n                        <span class=\"cv-categoria\">\r\n                            Desarrollo territorial\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            El Corredor Log\u00edstico y las nuevas oportunidades\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Un acercamiento a las oportunidades de desarrollo,\r\n                            innovaci\u00f3n y talento vinculadas al corredor.\r\n                        <\/p>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cv-ver-video\"\r\n                            data-video=\"\"\r\n                            data-titulo=\"El Corredor Log\u00edstico y las nuevas oportunidades\">\r\n                            Ver video <span>\u2192<\/span>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- VIDEO 4 -->\r\n\r\n                <article class=\"cv-tarjeta\" data-categoria=\"educacion eventos\">\r\n\r\n                    <div class=\"cv-miniatura\">\r\n                        <div class=\"cv-miniatura-sin-imagen\">\r\n                            <span>Educaci\u00f3n y transformaci\u00f3n digital<\/span>\r\n                        <\/div>\r\n                        <span class=\"cv-miniatura-play\">\u25b6<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cv-tarjeta-contenido\">\r\n\r\n                        <span class=\"cv-categoria\">\r\n                            Educaci\u00f3n\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Educaci\u00f3n para un mundo en transformaci\u00f3n\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Reflexiones sobre las competencias y los retos\r\n                            educativos de la transformaci\u00f3n digital.\r\n                        <\/p>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cv-ver-video\"\r\n                            data-video=\"\"\r\n                            data-titulo=\"Educaci\u00f3n para un mundo en transformaci\u00f3n\">\r\n                            Ver video <span>\u2192<\/span>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- VIDEO 5 -->\r\n\r\n                <article class=\"cv-tarjeta\" data-categoria=\"ia eventos\">\r\n\r\n                    <div class=\"cv-miniatura\">\r\n                        <div class=\"cv-miniatura-sin-imagen\">\r\n                            <span>Gobernanza de la inteligencia artificial<\/span>\r\n                        <\/div>\r\n                        <span class=\"cv-miniatura-play\">\u25b6<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cv-tarjeta-contenido\">\r\n\r\n                        <span class=\"cv-categoria\">\r\n                            Gobernanza y normativa\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Gobernanza de la inteligencia artificial\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Una aproximaci\u00f3n a la gobernanza, los riesgos\r\n                            y el uso responsable de nuevas tecnolog\u00edas.\r\n                        <\/p>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cv-ver-video\"\r\n                            data-video=\"\"\r\n                            data-titulo=\"Gobernanza de la inteligencia artificial\">\r\n                            Ver video <span>\u2192<\/span>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- VIDEO 6 -->\r\n\r\n                <article class=\"cv-tarjeta\" data-categoria=\"eventos\">\r\n\r\n                    <div class=\"cv-miniatura\">\r\n                        <div class=\"cv-miniatura-sin-imagen\">\r\n                            <span>Conversaciones y eventos CIDPAS<\/span>\r\n                        <\/div>\r\n                        <span class=\"cv-miniatura-play\">\u25b6<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cv-tarjeta-contenido\">\r\n\r\n                        <span class=\"cv-categoria\">\r\n                            Eventos y entrevistas\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Conversaciones que generan nuevas ideas\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Encuentros, entrevistas y actividades vinculadas\r\n                            a la innovaci\u00f3n y el desarrollo.\r\n                        <\/p>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cv-ver-video\"\r\n                            data-video=\"\"\r\n                            data-titulo=\"Conversaciones que generan nuevas ideas\">\r\n                            Ver video <span>\u2192<\/span>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cv-sin-resultados\">\r\n                No hay videos en esta categor\u00eda por el momento.\r\n                Prueba con otra categor\u00eda.\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- =====================================\r\n         RECURSOS RELACIONADOS\r\n    ====================================== -->\r\n\r\n    <section class=\"cv-recursos\">\r\n        <div class=\"cv-contenedor\">\r\n\r\n            <div class=\"cv-seccion-encabezado\">\r\n                <div>\r\n                    <p class=\"cv-etiqueta\">Contin\u00faa explorando<\/p>\r\n                    <h2>Conocimiento y recursos<\/h2>\r\n                    <p>\r\n                        Complementa los videos con informaci\u00f3n\r\n                        y contenidos institucionales.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cv-recursos-grid\">\r\n\r\n                <div class=\"cv-recurso\">\r\n                    <h3>Publicaciones y gu\u00edas<\/h3>\r\n                    <p>\r\n                        Consulta materiales y recursos para profundizar\r\n                        en la inteligencia artificial responsable,\r\n                        la gobernanza y la transformaci\u00f3n digital.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cv-recurso\">\r\n                    <h3>Actividades de CIDPAS<\/h3>\r\n                    <p>\r\n                        Conoce las iniciativas, charlas y espacios\r\n                        de colaboraci\u00f3n que promueven el conocimiento\r\n                        y el desarrollo territorial.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- =====================================\r\n         VENTANA DE REPRODUCCI\u00d3N\r\n    ====================================== -->\r\n\r\n    <div\r\n        class=\"cv-modal\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Reproductor de video\"\r\n        aria-hidden=\"true\">\r\n\r\n        <div class=\"cv-modal-contenido\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"cv-modal-cerrar\"\r\n                aria-label=\"Cerrar video\">\r\n                \u00d7\r\n            <\/button>\r\n\r\n            <div class=\"cv-modal-reproductor\">\r\n                <iframe\r\n                    src=\"\"\r\n                    title=\"Video de CIDPAS\"\r\n                    allow=\"accelerometer; autoplay; clipboard-write;\r\n                    encrypted-media; gyroscope; picture-in-picture;\r\n                    web-share\"\r\n                    referrerpolicy=\"strict-origin-when-cross-origin\"\r\n                    allowfullscreen>\r\n                <\/iframe>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    function iniciarGaleriaCIDPAS(raiz) {\r\n        if (!raiz || raiz.dataset.cvIniciado === \"si\") return;\r\n        raiz.dataset.cvIniciado = \"si\";\r\n\r\n        const filtros = raiz.querySelectorAll(\".cv-filtro\");\r\n        const tarjetas = raiz.querySelectorAll(\".cv-tarjeta\");\r\n        const mensajeVacio = raiz.querySelector(\".cv-sin-resultados\");\r\n\r\n        const modal = raiz.querySelector(\".cv-modal\");\r\n        const iframe = modal ? modal.querySelector(\"iframe\") : null;\r\n        const botonCerrar = modal\r\n            ? modal.querySelector(\".cv-modal-cerrar\")\r\n            : null;\r\n\r\n        let ultimoBoton = null;\r\n\r\n        function obtenerIdYouTube(url) {\r\n            if (!url) return \"\";\r\n\r\n            try {\r\n                const limpia = url.trim();\r\n\r\n                if (\/^[a-zA-Z0-9_-]{11}$\/.test(limpia)) {\r\n                    return limpia;\r\n                }\r\n\r\n                const parsed = new URL(limpia);\r\n                const host = parsed.hostname.replace(\/^www\\.\/, \"\");\r\n\r\n                if (\r\n                    host === \"youtu.be\" ||\r\n                    host === \"www.youtu.be\"\r\n                ) {\r\n                    return parsed.pathname.split(\"\/\").filter(Boolean)[0] || \"\";\r\n                }\r\n\r\n                if (\r\n                    host === \"youtube.com\" ||\r\n                    host === \"m.youtube.com\" ||\r\n                    host === \"youtube-nocookie.com\"\r\n                ) {\r\n                    if (parsed.pathname === \"\/watch\") {\r\n                        return parsed.searchParams.get(\"v\") || \"\";\r\n                    }\r\n\r\n                    const partes = parsed.pathname.split(\"\/\").filter(Boolean);\r\n\r\n                    if (\r\n                        [\"embed\", \"shorts\", \"live\"].includes(partes[0])\r\n                    ) {\r\n                        return partes[1] || \"\";\r\n                    }\r\n                }\r\n            } catch (error) {\r\n                return \"\";\r\n            }\r\n\r\n            return \"\";\r\n        }\r\n\r\n        \/* FILTROS *\/\r\n\r\n        filtros.forEach(function (filtro) {\r\n            filtro.addEventListener(\"click\", function () {\r\n                const categoria = filtro.dataset.categoria;\r\n\r\n                filtros.forEach(function (otro) {\r\n                    const activo = otro === filtro;\r\n                    otro.classList.toggle(\"activo\", activo);\r\n                    otro.setAttribute(\"aria-pressed\", String(activo));\r\n                });\r\n\r\n                let visibles = 0;\r\n\r\n                tarjetas.forEach(function (tarjeta) {\r\n                    const categorias = (\r\n                        tarjeta.dataset.categoria || \"\"\r\n                    ).split(\/\\s+\/);\r\n\r\n                    const mostrar =\r\n                        categoria === \"todos\" ||\r\n                        categorias.includes(categoria);\r\n\r\n                    tarjeta.hidden = !mostrar;\r\n\r\n                    if (mostrar) visibles++;\r\n                });\r\n\r\n                if (mensajeVacio) {\r\n                    mensajeVacio.style.display =\r\n                        visibles === 0 ? \"block\" : \"none\";\r\n                }\r\n            });\r\n        });\r\n\r\n        \/* VENTANA DE REPRODUCCI\u00d3N *\/\r\n\r\n        function abrirVideo(url, boton) {\r\n            const id = obtenerIdYouTube(url);\r\n\r\n            if (!id || !modal || !iframe) {\r\n                if (boton) {\r\n                    alert(\r\n                        \"Este video todav\u00eda no tiene un enlace de YouTube. \" +\r\n                        \"A\u00f1ade su URL en el atributo data-video del bot\u00f3n.\"\r\n                    );\r\n                }\r\n                return;\r\n            }\r\n\r\n            ultimoBoton = boton || null;\r\n\r\n            iframe.src =\r\n                \"https:\/\/www.youtube-nocookie.com\/embed\/\" +\r\n                encodeURIComponent(id) +\r\n                \"?autoplay=1&rel=0\";\r\n\r\n            modal.classList.add(\"abierto\");\r\n            modal.setAttribute(\"aria-hidden\", \"false\");\r\n            document.body.style.overflow = \"hidden\";\r\n\r\n            if (botonCerrar) botonCerrar.focus();\r\n        }\r\n\r\n        function cerrarVideo() {\r\n            if (!modal || !iframe) return;\r\n\r\n            modal.classList.remove(\"abierto\");\r\n            modal.setAttribute(\"aria-hidden\", \"true\");\r\n            iframe.src = \"\";\r\n            document.body.style.overflow = \"\";\r\n\r\n            if (ultimoBoton) ultimoBoton.focus();\r\n        }\r\n\r\n        raiz.querySelectorAll(\".cv-ver-video\").forEach(function (boton) {\r\n            boton.addEventListener(\"click\", function () {\r\n                abrirVideo(boton.dataset.video, boton);\r\n            });\r\n        });\r\n\r\n        if (botonCerrar) {\r\n            botonCerrar.addEventListener(\"click\", cerrarVideo);\r\n        }\r\n\r\n        if (modal) {\r\n            modal.addEventListener(\"click\", function (evento) {\r\n                if (evento.target === modal) cerrarVideo();\r\n            });\r\n        }\r\n\r\n        document.addEventListener(\"keydown\", function (evento) {\r\n            if (\r\n                evento.key === \"Escape\" &&\r\n                modal &&\r\n                modal.classList.contains(\"abierto\")\r\n            ) {\r\n                cerrarVideo();\r\n            }\r\n        });\r\n\r\n        \/* ACTUALIZAR MINIATURAS AUTOM\u00c1TICAMENTE\r\n           SEG\u00daN EL ENLACE DEL BOT\u00d3N DE CADA TARJETA *\/\r\n\r\n        tarjetas.forEach(function (tarjeta) {\r\n            const boton = tarjeta.querySelector(\".cv-ver-video\");\r\n            const miniatura = tarjeta.querySelector(\".cv-miniatura\");\r\n\r\n            if (!boton || !miniatura) return;\r\n\r\n            const id = obtenerIdYouTube(boton.dataset.video);\r\n\r\n            if (!id) return;\r\n\r\n            const imagen = document.createElement(\"img\");\r\n            imagen.src =\r\n                \"https:\/\/img.youtube.com\/vi\/\" +\r\n                encodeURIComponent(id) +\r\n                \"\/hqdefault.jpg\";\r\n\r\n            imagen.alt = boton.dataset.titulo || \"Video de CIDPAS\";\r\n            imagen.loading = \"lazy\";\r\n\r\n            imagen.onerror = function () {\r\n                imagen.remove();\r\n            };\r\n\r\n            const placeholder = miniatura.querySelector(\r\n                \".cv-miniatura-sin-imagen\"\r\n            );\r\n\r\n            if (placeholder) placeholder.remove();\r\n\r\n            miniatura.prepend(imagen);\r\n        });\r\n    }\r\n\r\n    function iniciarTodos() {\r\n        document.querySelectorAll(\".cidpas-videos\").forEach(\r\n            iniciarGaleriaCIDPAS\r\n        );\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", iniciarTodos);\r\n    } else {\r\n        iniciarTodos();\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\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CIDPAS \u00b7 Centro de conocimiento Ideas que transforman el futuro. Explora nuestras charlas, entrevistas y contenidos sobre inteligencia artificial responsable, gobernanza, educaci\u00f3n y las oportunidades del desarrollo territorial. En primera fila Video destacado Conoce las ideas, iniciativas y conversaciones que impulsan nuestra labor. \u25b6 Aqu\u00ed aparecer\u00e1 el video destacado de CIDPAS. A\u00f1ade el enlace de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-704","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/pages\/704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/comments?post=704"}],"version-history":[{"count":7,"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/pages\/704\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/pages\/704\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/cidpas.org\/en\/wp-json\/wp\/v2\/media?parent=704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}