{"id":3071,"date":"2026-01-29T14:07:02","date_gmt":"2026-01-29T19:07:02","guid":{"rendered":"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=3071"},"modified":"2026-02-03T12:36:22","modified_gmt":"2026-02-03T17:36:22","slug":"inscripcion","status":"publish","type":"page","link":"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=3071","title":{"rendered":"inscripcion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3071\" class=\"elementor elementor-3071\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a9076f elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a9076f\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bb3d7f9\" data-id=\"bb3d7f9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e72faf4 elementor-widget elementor-widget-text-editor\" data-id=\"e72faf4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\"><a href=\"http:\/\/participacion.asambleanacional.gob.ec\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1376\" src=\"https:\/\/www.asambleanacional.gob.ec\/sites\/all\/themes\/asamblea\/logo-original.png\" alt=\"\" width=\"300\" height=\"115\" \/><\/a><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-f1e0c00\" data-id=\"f1e0c00\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-537d0b0 elementor-nav-menu__align-left elementor-nav-menu--stretch elementor-nav-menu--indicator-none elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"537d0b0\" data-element_type=\"widget\" data-settings=\"{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<nav role=\"navigation\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none\"><ul id=\"menu-1-537d0b0\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2865\"><a href=\"?page_id=1406\" class=\"elementor-item\">Inicio<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1567\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">Coordinaci\u00f3n de Participaci\u00f3n Ciudadana<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2861\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2010\" class=\"elementor-sub-item\">Qui\u00e9nes Somos<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3076\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2423\" class=\"elementor-item\">Casas Legislativas<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1846\"><a href=\"#\" class=\"elementor-sub-item elementor-item-anchor\">Formularios<\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1726\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/644793?lang=es\" class=\"elementor-sub-item\">Formulario uso de las Casas Legislativas y\/o Bienes<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1845\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/671486?lang=es\" class=\"elementor-sub-item\">Formulario Apoyo En Territorio<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1847\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/792889?lang=es\" class=\"elementor-sub-item\">Formulario Solicitud De Capacitaci\u00f3n<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1848\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/428831?lang=es\" class=\"elementor-sub-item\">Encuesta De Satisfacci\u00f3n Gesti\u00f3n De Casas Legislativas<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2974\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1843\" class=\"elementor-item\">Vinculaci\u00f3n y Participaci\u00f3n<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3159\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=3071\" class=\"elementor-sub-item\">Mecanismos de Participaci\u00f3n Ciudadana<\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2981\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1933\" class=\"elementor-sub-item\">Consulta Prelegislativa<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2985\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1944\" class=\"elementor-sub-item\">Asamble\u00edsta por un D\u00eda<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2995\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1946\" class=\"elementor-sub-item\">Recepci\u00f3n de Sugerencias y Observaciones<\/a>\n\t\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3014\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1948\" class=\"elementor-sub-item\">Participacion Ciudadana en Comisiones Generales<\/a><\/li>\n\t\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3015\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1950\" class=\"elementor-sub-item\">Plataforma Virtual Participa 2.0<\/a><\/li>\n\t\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3016\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1952\" class=\"elementor-sub-item\">Simulaciones Parlamentarias<\/a><\/li>\n\t\t<\/ul>\n<\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3032\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1954\" class=\"elementor-sub-item\">Foros de Consulta<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3036\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1956\" class=\"elementor-sub-item\">Mesas Itinerantes<\/a><\/li>\n\t<\/ul>\n<\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3043\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1931\" class=\"elementor-sub-item\">Mecanismos de Interacci\u00f3n<\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3044\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1958\" class=\"elementor-sub-item\">Ruta Legislativa<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3048\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1961\" class=\"elementor-sub-item\">Visitas Guiadas<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2885\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2070\" class=\"elementor-item\">Escuela Legislativa<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2895\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2136\" class=\"elementor-sub-item\">Convenios Acad\u00e9micos<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2208\"><a href=\"#\" class=\"elementor-sub-item elementor-item-anchor\">Capacitaciones<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3227\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2131\" class=\"elementor-sub-item\">Investigaci\u00f3n Aplicada<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i class=\"eicon-menu-bar\" aria-hidden=\"true\"><\/i>\n\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" role=\"navigation\" aria-hidden=\"true\"><ul id=\"menu-2-537d0b0\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2865\"><a href=\"?page_id=1406\" class=\"elementor-item\">Inicio<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1567\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">Coordinaci\u00f3n de Participaci\u00f3n Ciudadana<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2861\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2010\" class=\"elementor-sub-item\">Qui\u00e9nes Somos<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3076\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2423\" class=\"elementor-item\">Casas Legislativas<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1846\"><a href=\"#\" class=\"elementor-sub-item elementor-item-anchor\">Formularios<\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1726\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/644793?lang=es\" class=\"elementor-sub-item\">Formulario uso de las Casas Legislativas y\/o Bienes<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1845\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/671486?lang=es\" class=\"elementor-sub-item\">Formulario Apoyo En Territorio<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1847\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/792889?lang=es\" class=\"elementor-sub-item\">Formulario Solicitud De Capacitaci\u00f3n<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1848\"><a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/428831?lang=es\" class=\"elementor-sub-item\">Encuesta De Satisfacci\u00f3n Gesti\u00f3n De Casas Legislativas<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2974\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1843\" class=\"elementor-item\">Vinculaci\u00f3n y Participaci\u00f3n<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3159\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=3071\" class=\"elementor-sub-item\">Mecanismos de Participaci\u00f3n Ciudadana<\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2981\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1933\" class=\"elementor-sub-item\">Consulta Prelegislativa<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2985\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1944\" class=\"elementor-sub-item\">Asamble\u00edsta por un D\u00eda<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2995\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1946\" class=\"elementor-sub-item\">Recepci\u00f3n de Sugerencias y Observaciones<\/a>\n\t\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3014\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1948\" class=\"elementor-sub-item\">Participacion Ciudadana en Comisiones Generales<\/a><\/li>\n\t\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3015\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1950\" class=\"elementor-sub-item\">Plataforma Virtual Participa 2.0<\/a><\/li>\n\t\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3016\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1952\" class=\"elementor-sub-item\">Simulaciones Parlamentarias<\/a><\/li>\n\t\t<\/ul>\n<\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3032\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1954\" class=\"elementor-sub-item\">Foros de Consulta<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3036\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1956\" class=\"elementor-sub-item\">Mesas Itinerantes<\/a><\/li>\n\t<\/ul>\n<\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3043\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1931\" class=\"elementor-sub-item\">Mecanismos de Interacci\u00f3n<\/a>\n\t<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3044\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1958\" class=\"elementor-sub-item\">Ruta Legislativa<\/a><\/li>\n\t\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3048\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1961\" class=\"elementor-sub-item\">Visitas Guiadas<\/a><\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2885\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2070\" class=\"elementor-item\">Escuela Legislativa<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2895\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2136\" class=\"elementor-sub-item\">Convenios Acad\u00e9micos<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-2208\"><a href=\"#\" class=\"elementor-sub-item elementor-item-anchor\">Capacitaciones<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3227\"><a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=2131\" class=\"elementor-sub-item\">Investigaci\u00f3n Aplicada<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-afe3655 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"afe3655\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8beb13\" data-id=\"f8beb13\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eec2783 elementor-widget elementor-widget-html\" data-id=\"eec2783\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Inscripci\u00f3n - Mecanismos de Participaci\u00f3n | Asamblea Nacional<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            background: #ffffff;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* HERO SECTION *\/\n        .hero-section {\n            position: relative;\n            min-height: 500px;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            background: linear-gradient(135deg, rgba(0, 51, 104, 0.93) 0%, rgba(0, 82, 163, 0.88) 100%), \n                        url('http:\/\/participacion.asambleanacional.gob.ec\/wp-content\/uploads\/2025\/12\/imagen-presi1.jpg') center\/cover;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 100px 20px;\n            text-align: center;\n            color: white;\n        }\n\n        .hero-icon {\n            width: 120px;\n            height: 120px;\n            margin: 0 auto 35px;\n            background: rgba(253, 185, 19, 0.15);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 3px solid rgba(253, 185, 19, 0.4);\n            animation: pulse 2s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n\n        .hero-icon i {\n            font-size: 56px;\n            color: #FDB913;\n        }\n\n        .hero-label {\n            display: inline-block;\n            background: rgba(253, 185, 19, 0.2);\n            color: #FDB913;\n            padding: 8px 24px;\n            border-radius: 30px;\n            font-size: 13px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            border: 1px solid rgba(253, 185, 19, 0.4);\n        }\n\n        .hero-title {\n            font-size: 58px;\n            font-weight: 700;\n            color: #FFFFFF;\n            margin-bottom: 30px;\n            line-height: 1.2;\n        }\n\n        .hero-subtitle {\n            font-size: 21px;\n            color: rgba(255, 255, 255, 0.95);\n            max-width: 900px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n\n        \/* L\u00cdNEA DECORATIVA *\/\n        .yellow-line {\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            height: 3px;\n            background: #FDB913;\n            box-shadow: 0 2px 10px rgba(253, 185, 19, 0.3);\n        }\n\n        \/* MAIN CONTENT *\/\n        .main-content {\n            background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);\n            padding: 80px 20px;\n        }\n\n        .content-wrapper {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        \/* INTRO BOX *\/\n        .intro-box {\n            background: white;\n            border-radius: 22px;\n            padding: 52px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n            border-left: 6px solid #FDB913;\n            margin-bottom: 70px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .intro-box::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(253, 185, 19, 0.05) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .intro-text {\n            font-size: 18px;\n            color: #374151;\n            line-height: 1.9;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .intro-text:last-child {\n            margin-bottom: 0;\n        }\n\n        .intro-text strong {\n            color: #003368;\n            font-weight: 700;\n        }\n\n        \/* SECTION HEADER *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-label {\n            display: inline-block;\n            background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);\n            color: #003368;\n            padding: 9px 26px;\n            border-radius: 30px;\n            font-size: 12px;\n            font-weight: 700;\n            margin-bottom: 22px;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n        }\n\n        .section-title {\n            font-size: 42px;\n            font-weight: 700;\n            color: #003368;\n            margin-bottom: 22px;\n        }\n\n        .section-subtitle {\n            font-size: 19px;\n            color: #4B5563;\n            max-width: 800px;\n            margin: 0 auto;\n            line-height: 1.7;\n        }\n\n        \/* CARDS CONTAINER - GRID RESPONSIVE *\/\n        .cards-container {\n            position: relative;\n            margin-bottom: 70px;\n            padding: 20px 0;\n        }\n\n        .cards-wrapper {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 25px;\n            justify-content: center;\n            padding: 10px 5px;\n        }\n\n        \/* FORM CARD - NUEVO DISE\u00d1O *\/\n        .form-card {\n            background: white;\n            border-radius: 20px;\n            width: 320px;\n            flex-shrink: 0;\n            padding: 40px 30px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .form-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);\n            border-color: #FDB913;\n        }\n\n        .form-card-icon {\n            width: 90px;\n            height: 90px;\n            background: #c5d9ed;\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            transition: all 0.3s ease;\n        }\n\n        .form-card:hover .form-card-icon {\n            transform: scale(1.05);\n        }\n\n        .form-card-icon i {\n            font-size: 42px;\n            color: #003368;\n        }\n\n        \/* Icono destacado - mismo estilo que las dem\u00e1s *\/\n        .form-card.featured .form-card-icon {\n            background: #c5d9ed;\n        }\n\n        .form-card.featured .form-card-icon i {\n            color: #003368;\n        }\n\n        .form-card-title {\n            font-size: 20px;\n            font-weight: 700;\n            color: #003368;\n            margin-bottom: 15px;\n            line-height: 1.3;\n            min-height: 52px;\n        }\n\n        .form-card-description {\n            font-size: 15px;\n            color: #6B7280;\n            line-height: 1.6;\n            margin-bottom: 25px;\n            flex-grow: 1;\n        }\n\n        \/* BOTONES *\/\n        .form-card-buttons {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            width: 100%;\n        }\n\n        .btn {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            width: 100%;\n            padding: 12px 24px;\n            border-radius: 12px;\n            font-size: 15px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .btn-primary {\n            background: #FDB913;\n            color: #003368;\n            box-shadow: 0 4px 15px rgba(253, 185, 19, 0.3);\n        }\n\n        .btn-primary:hover {\n            background: #e5a812;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(253, 185, 19, 0.4);\n        }\n\n        .btn-secondary {\n            background: white;\n            color: #003368;\n            border-color: #003368;\n        }\n\n        .btn-secondary:hover {\n            background: #003368;\n            color: white;\n            transform: translateY(-2px);\n        }\n\n        .btn i {\n            font-size: 16px;\n        }\n\n        \/* INFO BOX FINAL *\/\n        .info-box-final {\n            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n            border: 3px solid #003368;\n            border-radius: 20px;\n            padding: 45px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .info-box-final::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(253, 185, 19, 0.08) 0%, transparent 60%);\n            animation: rotate 25s linear infinite;\n        }\n\n        @keyframes rotate {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        .info-box-icon {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, #FDB913 0%, #FFD54F 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 25px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .info-box-icon i {\n            font-size: 36px;\n            color: #003368;\n        }\n\n        .info-box-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #003368;\n            margin-bottom: 18px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .info-box-text {\n            font-size: 17px;\n            color: #1565c0;\n            line-height: 1.8;\n            font-weight: 600;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 1400px) {\n            .cards-wrapper {\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 968px) {\n            .hero-title {\n                font-size: 40px;\n            }\n\n            .section-title {\n                font-size: 34px;\n            }\n\n            .form-card {\n                width: 280px;\n            }\n\n            .intro-box, .info-box-final {\n                padding: 40px;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .hero-section {\n                min-height: 450px;\n            }\n\n            .hero-content {\n                padding: 75px 15px;\n            }\n\n            .hero-title {\n                font-size: 32px;\n            }\n\n            .hero-subtitle {\n                font-size: 17px;\n            }\n\n            .section-title {\n                font-size: 28px;\n            }\n\n            .intro-box {\n                padding: 30px 25px;\n            }\n\n            .intro-text {\n                font-size: 16px;\n            }\n\n            .form-card {\n                width: 100%;\n                max-width: 320px;\n                padding: 30px 20px;\n            }\n\n            .form-card-title {\n                font-size: 18px;\n            }\n\n            .info-box-final {\n                padding: 35px 25px;\n            }\n\n            .main-content {\n                padding: 60px 15px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- HERO SECTION -->\n    <div class=\"hero-section\">\n        <div class=\"hero-content\">\n            <div class=\"hero-icon\">\n                <i class=\"fas fa-clipboard-list\"><\/i>\n            <\/div>\n            <div class=\"hero-label\">Participa Con Nosotros<\/div>\n            <h1 class=\"hero-title\">Formularios de Inscripci\u00f3n<\/h1>\n            <p class=\"hero-subtitle\">\n                Reg\u00edstrate en nuestros mecanismos de participaci\u00f3n ciudadana y s\u00e9 parte activa de la democracia ecuatoriana. Completa el formulario del programa que m\u00e1s te interese.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- L\u00cdNEA DECORATIVA -->\n    <div class=\"yellow-line\"><\/div>\n\n    <!-- MAIN CONTENT -->\n    <div class=\"main-content\">\n        <div class=\"content-wrapper\">\n            <!-- INTRO BOX -->\n            <div class=\"intro-box\">\n                <p class=\"intro-text\">\n                    La <strong>Asamblea Nacional del Ecuador<\/strong> pone a tu disposici\u00f3n diversos mecanismos de participaci\u00f3n ciudadana dise\u00f1ados para acercarte al proceso legislativo y fortalecer la democracia participativa.\n                <\/p>\n                <p class=\"intro-text\">\n                    Cada programa tiene caracter\u00edsticas \u00fanicas que te permitir\u00e1n conocer, aprender y participar activamente en la vida parlamentaria de nuestro pa\u00eds. <strong>Elige el que m\u00e1s se adapte a tus intereses<\/strong> y completa tu inscripci\u00f3n.\n                <\/p>\n            <\/div>\n\n            <!-- SECTION HEADER -->\n            <div class=\"section-header\">\n                <div class=\"section-label\">5 Mecanismos Disponibles<\/div>\n                <h2 class=\"section-title\">Elige tu Programa de Participaci\u00f3n<\/h2>\n                <p class=\"section-subtitle\">\n                    Selecciona el mecanismo que mejor se adapte a tus intereses y completa el formulario de inscripci\u00f3n\n                <\/p>\n            <\/div>\n\n            <!-- CARDS CONTAINER -->\n            <div class=\"cards-container\">\n                <div class=\"cards-wrapper\">\n                    \n                    <!-- CARD 1 -->\n                    <div class=\"form-card\">\n                        <div class=\"form-card-icon\">\n                            <i class=\"fas fa-door-open\"><\/i>\n                        <\/div>\n                        <h3 class=\"form-card-title\">Visitas Guiadas a la Asamblea Nacional<\/h3>\n                        <p class=\"form-card-description\">\n                            Recorre los espacios m\u00e1s emblem\u00e1ticos de la Asamblea Nacional y conoce de cerca el funcionamiento del Parlamento ecuatoriano.\n                        <\/p>\n                        <div class=\"form-card-buttons\">\n                            <a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/959367\" target=\"_blank\" class=\"btn btn-primary\">\n                                <i class=\"fas fa-edit\"><\/i>\n                                Inscribirme Ahora\n                            <\/a>\n                            <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1961\" class=\"btn btn-secondary\">\n                                <i class=\"fas fa-info-circle\"><\/i>\n                                Conoce M\u00e1s\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- CARD 2 -->\n                    <div class=\"form-card\">\n                        <div class=\"form-card-icon\">\n                            <i class=\"fas fa-route\"><\/i>\n                        <\/div>\n                        <h3 class=\"form-card-title\">Ruta Legislativa de la Asamblea Nacional<\/h3>\n                        <p class=\"form-card-description\">\n                            Conoce paso a paso c\u00f3mo se crea una ley en Ecuador. Una experiencia educativa sobre el proceso legislativo completo.\n                        <\/p>\n                        <div class=\"form-card-buttons\">\n                            <a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/197668\" target=\"_blank\" class=\"btn btn-primary\">\n                                <i class=\"fas fa-edit\"><\/i>\n                                Inscribirme Ahora\n                            <\/a>\n                            <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1958\" class=\"btn btn-secondary\">\n                                <i class=\"fas fa-info-circle\"><\/i>\n                                Conoce M\u00e1s\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- CARD 3 -->\n                    <div class=\"form-card\">\n                        <div class=\"form-card-icon\">\n                            <i class=\"fas fa-users\"><\/i>\n                        <\/div>\n                        <h3 class=\"form-card-title\">Simulaciones Parlamentarias<\/h3>\n                        <p class=\"form-card-description\">\n                            Participa en debates legislativos simulados y vive la experiencia de ser asamble\u00edsta por un momento.\n                        <\/p>\n                        <div class=\"form-card-buttons\">\n                            <a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/118768\" target=\"_blank\" class=\"btn btn-primary\">\n                                <i class=\"fas fa-edit\"><\/i>\n                                Inscribirme Ahora\n                            <\/a>\n                            <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1952\" class=\"btn btn-secondary\">\n                                <i class=\"fas fa-info-circle\"><\/i>\n                                Conoce M\u00e1s\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- CARD 4 -->\n                    <div class=\"form-card\">\n                        <div class=\"form-card-icon\">\n                            <i class=\"fas fa-comments\"><\/i>\n                        <\/div>\n                        <h3 class=\"form-card-title\">Comisi\u00f3n General<\/h3>\n                        <p class=\"form-card-description\">\n                            Participa en sesiones especiales donde la ciudadan\u00eda puede expresar sus opiniones sobre temas legislativos de inter\u00e9s nacional.\n                        <\/p>\n                        <div class=\"form-card-buttons\">\n                            <a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/589331\" target=\"_blank\" class=\"btn btn-primary\">\n                                <i class=\"fas fa-edit\"><\/i>\n                                Inscribirme Ahora\n                            <\/a>\n                            <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1948\" class=\"btn btn-secondary\">\n                                <i class=\"fas fa-info-circle\"><\/i>\n                                Conoce M\u00e1s\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- CARD 5 - DESTACADA -->\n                    <div class=\"form-card featured\">\n                        <div class=\"form-card-icon\">\n                            <i class=\"fas fa-star\"><\/i>\n                        <\/div>\n                        <h3 class=\"form-card-title\">Asamble\u00edsta por un D\u00eda<\/h3>\n                        <p class=\"form-card-description\">\n                            Experimenta un d\u00eda completo como asamble\u00edsta. Participa en sesiones plenarias, comisiones y conoce el trabajo legislativo desde adentro.\n                        <\/p>\n                        <div class=\"form-card-buttons\">\n                            <a href=\"https:\/\/encuestas.asambleanacional.gob.ec\/index.php\/72744\" target=\"_blank\" class=\"btn btn-primary\">\n                                <i class=\"fas fa-edit\"><\/i>\n                                Inscribirme Ahora\n                            <\/a>\n                            <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1944\" class=\"btn btn-secondary\">\n                                <i class=\"fas fa-info-circle\"><\/i>\n                                Conoce M\u00e1s\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <!-- INFO BOX FINAL -->\n            <div class=\"info-box-final\">\n                <div class=\"info-box-icon\">\n                    <i class=\"fas fa-info-circle\"><\/i>\n                <\/div>\n                <h3 class=\"info-box-title\">\u00bfTienes Dudas?<\/h3>\n                <p class=\"info-box-text\">\n                    Para m\u00e1s informaci\u00f3n sobre cualquiera de nuestros mecanismos de participaci\u00f3n ciudadana, cont\u00e1ctanos en:<br>\n                    <strong>participacion.ciudadana@asambleanacional.gob.ec<\/strong><br>\n                    \u00a1Estamos aqu\u00ed para ayudarte a ser parte activa de la democracia ecuatoriana!\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-211dae8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"211dae8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be7e589\" data-id=\"be7e589\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e052612 elementor-widget elementor-widget-html\" data-id=\"e052612\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Galer\u00eda de Videos - Participaci\u00f3n Ciudadana AN<\/title>\n    <style>\n        :root {\n            --an-azul:       #003368;\n            --an-azul-mid:  #004d99;\n            --an-oro:       #FDB913;\n            --an-oro-dark:  #e0a410;\n            --an-blanco:    #FFFFFF;\n            --an-gris:      #f4f6f8;\n            --an-gris-text: #5a6a7a;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            font-family: 'Segoe UI', system-ui, sans-serif;\n            background: var(--an-gris);\n            min-height: 100vh;\n        }\n\n        \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n        .section-header {\n            background: var(--an-blanco);\n            text-align: center;\n            padding: 48px 20px 44px;\n            border-bottom: 1px solid #e2e6ea;\n        }\n\n        .section-label {\n            display: inline-block;\n            background: var(--an-azul);\n            color: var(--an-oro);\n            padding: 7px 22px;\n            border-radius: 30px;\n            font-size: 11.5px;\n            font-weight: 700;\n            letter-spacing: 1.8px;\n            text-transform: uppercase;\n            margin-bottom: 16px;\n        }\n\n        .section-title {\n            font-size: 34px;\n            font-weight: 700;\n            color: var(--an-azul);\n            margin-bottom: 12px;\n        }\n\n        .section-subtitle {\n            font-size: 16px;\n            color: var(--an-gris-text);\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* \u2500\u2500\u2500 FILA DE VIDEOS \u2500\u2500\u2500 *\/\n        .gallery-wrap {\n            width: 100%;\n            padding: 48px 0;\n        }\n\n        .video-grid {\n            display: flex;\n            gap: 24px;\n            padding: 8px 60px 24px;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: var(--an-oro) transparent;\n        }\n\n        .video-grid::-webkit-scrollbar      { height: 6px; }\n        .video-grid::-webkit-scrollbar-track  { background: transparent; }\n        .video-grid::-webkit-scrollbar-thumb  { background: var(--an-oro); border-radius: 3px; }\n\n        \/* \u2500\u2500\u2500 CARD \u2500\u2500\u2500 *\/\n        .video-card {\n            background: var(--an-blanco);\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,51,104,0.12);\n            border: 2px solid transparent;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n            cursor: pointer;\n            flex: 0 0 calc((100% - 48px) \/ 3);\n            max-width: calc((100% - 48px) \/ 3);\n            min-width: 260px;\n        }\n\n        .video-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 34px rgba(0,51,104,0.2);\n            border-color: var(--an-oro);\n        }\n\n        \/* Miniatura *\/\n        .video-thumb {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 16\/9;\n            background: var(--an-azul);\n            overflow: hidden;\n        }\n\n        \/* Gradiente inferior siempre visible *\/\n        .video-thumb::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0,51,104,0.6) 0%, transparent 55%);\n            transition: background 0.3s ease;\n        }\n\n        .video-card:hover .video-thumb::after {\n            background: linear-gradient(to top, rgba(0,51,104,0.8) 0%, rgba(0,51,104,0.2) 100%);\n        }\n\n        \/* \u00cdcono de Facebook en esquina inferior izquierda *\/\n        .fb-badge {\n            position: absolute;\n            bottom: 10px;\n            left: 12px;\n            z-index: 3;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(0,0,0,0.5);\n            padding: 4px 10px;\n            border-radius: 20px;\n        }\n\n        .fb-badge svg { width: 16px; height: 16px; fill: #fff; }\n        .fb-badge span { color: #fff; font-size: 12px; font-weight: 600; }\n\n        \/* Bot\u00f3n play centrado *\/\n        .play-btn {\n            position: absolute;\n            inset: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 2;\n        }\n\n        .play-circle {\n            width: 54px;\n            height: 54px;\n            border-radius: 50%;\n            background: var(--an-oro);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 18px rgba(0,0,0,0.3);\n            transition: transform 0.3s ease, background 0.3s ease;\n        }\n\n        .video-card:hover .play-circle {\n            transform: scale(1.12);\n            background: var(--an-oro-dark);\n        }\n\n        .play-circle svg {\n            width: 22px;\n            height: 22px;\n            margin-left: 3px;\n            fill: var(--an-azul);\n        }\n\n        \/* Info card *\/\n        .video-info {\n            padding: 16px 18px 18px;\n            border-top: 3px solid var(--an-oro);\n        }\n\n        .video-title {\n            font-size: 15px;\n            font-weight: 700;\n            color: var(--an-azul);\n            margin-bottom: 5px;\n            line-height: 1.3;\n        }\n\n        .video-desc {\n            font-size: 13px;\n            color: var(--an-gris-text);\n            line-height: 1.45;\n        }\n\n        \/* \u2500\u2500\u2500 MODAL \u2500\u2500\u2500 *\/\n        .modal-overlay {\n            display: none;\n            position: fixed;\n            inset: 0;\n            background: rgba(0,20,50,0.92);\n            z-index: 1000;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n            backdrop-filter: blur(4px);\n        }\n\n        .modal-overlay.active { display: flex; }\n\n        .modal-content {\n            background: #000;\n            border-radius: 18px;\n            width: 100%;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.6);\n            position: relative;\n            animation: modalIn 0.25s ease;\n        }\n\n        \/* Tama\u00f1os diferentes por video *\/\n        .modal-content.video-horizontal {\n            max-width: 550px;\n        }\n\n        .modal-content.video-vertical {\n            max-width: 360px;\n        }\n\n        @keyframes modalIn {\n            from { transform: scale(0.92); opacity: 0; }\n            to   { transform: scale(1);    opacity: 1; }\n        }\n\n        \/* Cerrar *\/\n        .modal-close {\n            position: absolute;\n            top: 8px;\n            right: 8px;\n            z-index: 10;\n            background: rgba(0,0,0,0.7);\n            border: none;\n            border-radius: 50%;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .modal-close:hover { background: rgba(0,0,0,0.9); }\n\n        \/* Contenedor iframe *\/\n        .modal-video-wrap {\n            width: 100%;\n            background: #000;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .modal-video-wrap iframe {\n            border: none;\n            display: block;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Dimensiones espec\u00edficas para videos horizontales (1 y 3) - ALTURA AUMENTADA *\/\n        .modal-content.video-horizontal .modal-video-wrap iframe {\n            width: 550px;\n            height: 380px;\n        }\n\n        \/* Dimensiones para video vertical (2) - SE MANTIENE IGUAL *\/\n        .modal-content.video-vertical .modal-video-wrap iframe {\n            width: 360px;\n            height: 640px;\n        }\n\n        \/* Info modal *\/\n        .modal-info {\n            padding: 16px 20px 18px;\n            background: var(--an-azul);\n        }\n\n        .modal-title {\n            font-size: 17px;\n            font-weight: 700;\n            color: var(--an-oro);\n            margin-bottom: 4px;\n        }\n\n        .modal-desc {\n            font-size: 13px;\n            color: rgba(255,255,255,0.85);\n            line-height: 1.5;\n        }\n\n        \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n        @media (max-width: 900px) {\n            .video-grid { padding: 8px 32px 24px; }\n            .video-card {\n                flex: 0 0 calc((100% - 24px) \/ 2);\n                max-width: calc((100% - 24px) \/ 2);\n            }\n        }\n\n        @media (max-width: 640px) {\n            .section-header { padding: 36px 18px 32px; }\n            .section-title { font-size: 26px; }\n            .video-grid { padding: 8px 16px 20px; gap: 16px; }\n            .video-card { flex: 0 0 85%; max-width: 85%; min-width: 240px; }\n            .modal-overlay { padding: 10px; }\n            .modal-content { max-width: 100% !important; }\n            \n            \/* M\u00f3vil: videos horizontales *\/\n            .modal-content.video-horizontal .modal-video-wrap iframe {\n                width: 100%;\n                max-width: 550px;\n                height: 340px;\n            }\n            \n            \/* M\u00f3vil: video vertical *\/\n            .modal-content.video-vertical .modal-video-wrap iframe { \n                width: 100%;\n                max-width: 360px;\n                height: 580px; \n            }\n            .modal-info { padding: 14px 16px 16px; }\n        }\n\n        @media (max-width: 380px) {\n            .modal-content.video-horizontal .modal-video-wrap iframe {\n                height: 280px;\n            }\n            .modal-content.video-vertical .modal-video-wrap iframe { \n                height: 520px; \n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- HEADER -->\n    <div class=\"section-header\">\n        <div class=\"section-label\">Galer\u00eda de Videos<\/div>\n        <h2 class=\"section-title\">Videos de Participaci\u00f3n Ciudadana<\/h2>\n        <p class=\"section-subtitle\">Conoce las actividades, eventos y procesos de participaci\u00f3n ciudadana a trav\u00e9s de estos videos<\/p>\n    <\/div>\n\n    <!-- FILA DE CARDS -->\n    <div class=\"gallery-wrap\">\n        <div class=\"video-grid\">\n\n            <!-- VIDEO 1 -->\n            <div class=\"video-card\" onclick=\"openModal(0)\">\n                <div class=\"video-thumb\">\n                    <div class=\"play-btn\">\n                        <div class=\"play-circle\">\n                            <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"fb-badge\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                        <span>Facebook<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-info\">\n                    <h3 class=\"video-title\">La democracia se aprende ejerci\u00e9ndola<\/h3>\n                    <p class=\"video-desc\">Desde la Coordinaci\u00f3n General de Participaci\u00f3n seguimos construyendo una ciudadan\u00eda activa, informada y comprometida con el pa\u00eds.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- VIDEO 2 - VERTICAL (SE MANTIENE IGUAL) -->\n            <div class=\"video-card\" onclick=\"openModal(1)\">\n                <div class=\"video-thumb\">\n                    <div class=\"play-btn\">\n                        <div class=\"play-circle\">\n                            <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"fb-badge\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                        <span>Facebook<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-info\">\n                    <h3 class=\"video-title\">Experiencia que Cambi\u00f3 la Vida<\/h3>\n                    <p class=\"video-desc\">Testimonio sobre c\u00f3mo la participaci\u00f3n ciudadana transform\u00f3 vidas.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- VIDEO 3 -->\n            <div class=\"video-card\" onclick=\"openModal(2)\">\n                <div class=\"video-thumb\">\n                    <div class=\"play-btn\">\n                        <div class=\"play-circle\">\n                            <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"fb-badge\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                        <span>Facebook<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"video-info\">\n                    <h3 class=\"video-title\">La educaci\u00f3n se vive desde la historia y la democracia<\/h3>\n                    <p class=\"video-desc\">Estudiantes de la carrera de Educaci\u00f3n de la Universidad Indoam\u00e9rica realizaron una visita guiada a la Asamblea Nacional del Ecuador<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- MODAL CON IFRAME DE FACEBOOK -->\n    <div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModalOutside(event)\">\n        <div class=\"modal-content\" id=\"modalContent\">\n            <button class=\"modal-close\" onclick=\"closeModal()\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"modal-video-wrap\">\n                <iframe id=\"modalIframe\" src=\"\" allowfullscreen scrolling=\"no\" frameborder=\"0\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"><\/iframe>\n            <\/div>\n            <div class=\"modal-info\">\n                <h3 class=\"modal-title\" id=\"modalTitle\">T\u00edtulo<\/h3>\n                <p class=\"modal-desc\" id=\"modalDesc\">Descripci\u00f3n<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u2500\u2500\u2500 DATOS: Videos con dimensiones optimizadas \u2500\u2500\u2500\n        const videos = [\n            {\n                url:   \"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1634847067522742&show_text=false&width=550&autoplay=true\",\n                title: \"La democracia se aprende ejerci\u00e9ndola\",\n                desc:  \"Desde la Coordinaci\u00f3n General de Participaci\u00f3n seguimos construyendo una ciudadan\u00eda activa, informada y comprometida con el pa\u00eds.\",\n                type:  \"horizontal\"  \/\/ Video horizontal\n            },\n            {\n                url:   \"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F770181279457896&show_text=false&width=360&autoplay=true\",\n                title: \"Experiencia que Cambi\u00f3 la Vida\",\n                desc:  \"Testimonio sobre c\u00f3mo la participaci\u00f3n ciudadana transform\u00f3 vidas.\",\n                type:  \"vertical\"  \/\/ Video vertical - SE MANTIENE\n            },\n            {\n                url:   \"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F872125415790989&show_text=false&width=550&autoplay=true\",\n                title: \"La educaci\u00f3n se vive desde la historia y la democracia\",\n                desc:  \"Estudiantes de la carrera de Educaci\u00f3n de la Universidad Indoam\u00e9rica realizaron una visita guiada a la Asamblea Nacional del Ecuador\",\n                type:  \"horizontal\"  \/\/ Video horizontal\n            }\n        ];\n\n        function openModal(index) {\n            const v = videos[index];\n            const modalContent = document.getElementById('modalContent');\n            \n            \/\/ Remover clases previas\n            modalContent.classList.remove('video-horizontal', 'video-vertical');\n            \n            \/\/ Agregar clase seg\u00fan el tipo de video\n            if (v.type === 'horizontal') {\n                modalContent.classList.add('video-horizontal');\n            } else {\n                modalContent.classList.add('video-vertical');\n            }\n            \n            document.getElementById('modalIframe').setAttribute('src', v.url);\n            document.getElementById('modalTitle').textContent = v.title;\n            document.getElementById('modalDesc').textContent  = v.desc;\n            document.getElementById('modalOverlay').classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeModal() {\n            document.getElementById('modalIframe').setAttribute('src', '');\n            document.getElementById('modalOverlay').classList.remove('active');\n            document.body.style.overflow = '';\n        }\n\n        function closeModalOutside(e) {\n            if (e.target === document.getElementById('modalOverlay')) closeModal();\n        }\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') closeModal();\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inscripci\u00f3n &#8211; Mecanismos de Participaci\u00f3n | Asamblea Nacional Participa Con Nosotros Formularios de Inscripci\u00f3n Reg\u00edstrate en nuestros mecanismos de participaci\u00f3n ciudadana y s\u00e9 parte activa de la democracia ecuatoriana. Completa el formulario del programa que m\u00e1s te interese. La Asamblea Nacional del Ecuador pone a tu disposici\u00f3n diversos mecanismos de participaci\u00f3n ciudadana dise\u00f1ados para acercarte [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3071","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages\/3071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3071"}],"version-history":[{"count":28,"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages\/3071\/revisions"}],"predecessor-version":[{"id":3301,"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages\/3071\/revisions\/3301"}],"wp:attachment":[{"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}