{"id":1843,"date":"2026-01-29T10:25:46","date_gmt":"2026-01-29T15:25:46","guid":{"rendered":"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1843"},"modified":"2026-06-12T11:35:41","modified_gmt":"2026-06-12T16:35:41","slug":"mecanismos","status":"publish","type":"page","link":"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1843","title":{"rendered":"mecanismos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1843\" class=\"elementor elementor-1843\" 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-f980ef4 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f980ef4\" 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-3e7d7ce\" data-id=\"3e7d7ce\" 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-1c73cf2 elementor-widget elementor-widget-text-editor\" data-id=\"1c73cf2\" 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-6631b2e\" data-id=\"6631b2e\" 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-f3ebd2a 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=\"f3ebd2a\" 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-f3ebd2a\" 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-f3ebd2a\" 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-c400851 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c400851\" 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-f05a798\" data-id=\"f05a798\" 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-bc4f177 elementor-widget elementor-widget-html\" data-id=\"bc4f177\" 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>Gesti\u00f3n de Vinculaci\u00f3n y Participaci\u00f3n Ciudadana<\/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            margin: 0 !important;\n            padding: 0 !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            overflow-x: hidden;\n        }\n\n        html {\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        \/* SECCI\u00d3N HERO *\/\n        .hero-section {\n            position: relative;\n            min-height: 300px;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            margin-right: calc(-50vw + 50%);\n            background-image: url('http:\/\/participacion.asambleanacional.gob.ec\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-12-at-11.06.42-AM.jpeg');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(0, 51, 104, 0.85) 0%, rgba(0, 77, 153, 0.75) 100%);\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            text-align: center;\n            color: white;\n        }\n\n        .hero-title {\n            font-size: 48px;\n            font-weight: 700;\n            color: #FFFFFF;\n            margin-bottom: 30px;\n            line-height: 1.2;\n            letter-spacing: -0.5px;\n        }\n\n        .hero-description {\n            font-size: 18px;\n            color: rgba(255, 255, 255, 0.95);\n            max-width: 900px;\n            margin: 0 auto 40px;\n            line-height: 1.7;\n        }\n\n        \/* L\u00ednea decorativa amarilla *\/\n        .yellow-line {\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            margin-right: calc(-50vw + 50%);\n            height: 3px;\n            background: #FDB913;\n            margin-top: 0;\n            margin-bottom: 0;\n            box-shadow: 0 2px 10px rgba(253, 185, 19, 0.3);\n        }\n\n        \/* SECCI\u00d3N DE TRANSICI\u00d3N *\/\n        .transition-section {\n            background: linear-gradient(to bottom, \n                #ffffff 0%, \n                #f8f9fa 100%\n            );\n            padding: 50px 50px;\n        }\n\n        .transition-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .section-label {\n            display: inline-block;\n            background: #FDB913;\n            color: #003368;\n            padding: 10px 28px;\n            border-radius: 30px;\n            font-size: 14px;\n            font-weight: 700;\n            margin-bottom: 25px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .section-title {\n            font-size: 38px;\n            font-weight: 700;\n            color: #003368;\n            margin-bottom: 25px;\n            line-height: 1.3;\n        }\n\n        .divider {\n            width: 100px;\n            height: 4px;\n            background: linear-gradient(90deg, #FDB913 0%, #003368 100%);\n            margin: 30px auto;\n            border-radius: 2px;\n        }\n\n        .section-description {\n            font-size: 18px;\n            color: #4B5563;\n            line-height: 1.8;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        \/* \u2705 BOT\u00d3N REGLAMENTO - NUEVO *\/\n        .reglamento-btn-wrapper {\n            margin-top: 35px;\n        }\n\n        .reglamento-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: linear-gradient(135deg, #003368 0%, #0052a3 100%);\n            color: #ffffff;\n            text-decoration: none;\n            padding: 14px 32px;\n            border-radius: 50px;\n            font-size: 15px;\n            font-weight: 600;\n            letter-spacing: 0.3px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0, 51, 104, 0.25);\n            border: 2px solid transparent;\n        }\n\n        .reglamento-btn:hover {\n            background: linear-gradient(135deg, #FDB913 0%, #FFD54F 100%);\n            color: #003368;\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(253, 185, 19, 0.35);\n        }\n\n        .reglamento-btn i {\n            font-size: 16px;\n        }\n\n        \/* SECCI\u00d3N AZUL CON TARJETAS DE MECANISMOS *\/\n        .cards-section {\n            background: linear-gradient(135deg, #003368 0%, #004d99 50%, #0052a3 100%);\n            padding: 90px 20px 100px;\n            position: relative;\n            overflow: hidden;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            margin-right: calc(-50vw + 50%);\n        }\n\n        .cards-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: \n                radial-gradient(circle at 20% 30%, rgba(253, 185, 19, 0.05) 0%, transparent 50%),\n                radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);\n            pointer-events: none;\n        }\n\n        .cards-section::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, #FDB913 50%, transparent 100%);\n        }\n\n        .cards-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n\n        .cards-header {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        .cards-title {\n            font-size: 34px;\n            font-weight: 700;\n            color: #FFFFFF;\n            margin-bottom: 20px;\n        }\n\n        .cards-subtitle {\n            font-size: 18px;\n            color: rgba(255, 255, 255, 0.9);\n            max-width: 850px;\n            margin: 0 auto;\n            line-height: 1.7;\n        }\n\n        \/* Grid de tarjetas - 5 en una sola fila *\/\n        .cards-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n            margin-bottom: 70px;\n        }\n\n        .card-link {\n            text-decoration: none;\n            display: block;\n        }\n\n        .card {\n            background: #FFFFFF;\n            border-radius: 16px;\n            padding: 30px 20px;\n            text-align: center;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: visible;\n            height: 100%;\n            border: 2px solid transparent;\n        }\n\n        .card-link:hover .card,\n        .card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);\n            border-color: rgba(253, 185, 19, 0.3);\n        }\n\n        .card-icon {\n            width: 70px;\n            height: 70px;\n            margin: 0 auto 20px;\n            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n        }\n\n        .card-link:hover .card-icon,\n        .card:hover .card-icon {\n            background: linear-gradient(135deg, #003368 0%, #0052a3 100%);\n            transform: scale(1.05);\n        }\n\n        .card-icon i {\n            font-size: 32px;\n            color: #003368;\n            transition: all 0.3s ease;\n        }\n\n        .card-link:hover .card-icon i,\n        .card:hover .card-icon i {\n            color: #FFFFFF;\n        }\n\n        .card-title {\n            font-size: 16px;\n            font-weight: 600;\n            color: #003368;\n            margin-bottom: 10px;\n            line-height: 1.3;\n        }\n\n        .card-description {\n            font-size: 14px;\n            color: #6B7280;\n            line-height: 1.5;\n            margin: 0;\n        }\n\n        \/* MEN\u00da DESPLEGABLE EN TARJETA *\/\n        .card-dropdown-wrapper {\n            position: relative;\n        }\n\n        .dropdown-menu {\n            margin-top: 25px;\n        }\n\n        .dropdown-toggle {\n            background: linear-gradient(135deg, #FDB913 0%, #FFD54F 100%);\n            color: #003368;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 8px;\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 10px rgba(253, 185, 19, 0.3);\n        }\n\n        .dropdown-toggle:hover {\n            background: linear-gradient(135deg, #003368 0%, #0052a3 100%);\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 15px rgba(0, 51, 104, 0.3);\n        }\n\n        .dropdown-toggle i {\n            transition: transform 0.3s ease;\n        }\n\n        .dropdown-content {\n            display: none;\n            margin-top: 15px;\n            background: #f8f9fa;\n            border-radius: 12px;\n            padding: 10px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n\n        .dropdown-content.show {\n            display: block;\n            animation: fadeIn 0.3s ease;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(-10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .dropdown-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px 15px;\n            color: #003368;\n            text-decoration: none;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n            font-size: 14px;\n            font-weight: 500;\n        }\n\n        .dropdown-item:hover {\n            background: white;\n            color: #003368;\n            transform: translateX(5px);\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n\n        .dropdown-item i {\n            font-size: 16px;\n            color: #FDB913;\n            width: 20px;\n            text-align: center;\n        }\n\n        .dropdown-toggle.active i {\n            transform: rotate(180deg);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .cards-grid { grid-template-columns: repeat(3, 1fr); }\n        }\n\n        @media (max-width: 968px) {\n            .hero-title { font-size: 36px; }\n            .section-title { font-size: 30px; }\n            .cards-title { font-size: 28px; }\n            .cards-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n            .hero-description, .section-description, .cards-subtitle { font-size: 16px; }\n            .cards-section { padding: 70px 20px 80px; }\n        }\n\n        @media (max-width: 640px) {\n            .hero-title { font-size: 28px; }\n            .section-title { font-size: 24px; }\n            .cards-title { font-size: 22px; }\n            .cards-grid { grid-template-columns: 1fr; gap: 20px; }\n            .card { padding: 30px 20px; }\n            .hero-section { min-height: 500px; }\n            .hero-content { padding: 60px 15px; }\n            .transition-section { padding: 60px 15px; }\n            .cards-section { padding: 60px 15px 70px; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- SECCI\u00d3N HERO -->\n    <div class=\"hero-section\">\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Gesti\u00f3n de Vinculaci\u00f3n y Participaci\u00f3n Ciudadana<\/h1>\n            <p class=\"hero-description\">\n                Vinculaci\u00f3n es el brazo en territorio y en l\u00ednea de la Coordinaci\u00f3n General de Participaci\u00f3n Ciudadana. Su misi\u00f3n es acercar el Parlamento a la gente, abrir espacios permanentes de di\u00e1logo y activar los mecanismos de participaci\u00f3n para que tus ideas y observaciones lleguen al debate legislativo.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- L\u00cdNEA AMARILLA DECORATIVA -->\n    <div class=\"yellow-line\"><\/div>\n\n    <!-- SECCI\u00d3N DE TRANSICI\u00d3N -->\n    <div class=\"transition-section\">\n        <div class=\"transition-content\">\n            <div class=\"section-label\">Participaci\u00f3n Ciudadana<\/div>\n            <h2 class=\"section-title\">Mecanismos de Participaci\u00f3n Ciudadana<\/h2>\n            <div class=\"divider\"><\/div>\n            <p class=\"section-description\">\n                Son un conjunto de estrategias que se implementan con el fin de promover y facilitar la participaci\u00f3n activa de la sociedad civil en las diferentes etapas de formaci\u00f3n de las leyes, la fiscalizaci\u00f3n y evaluaci\u00f3n del control pol\u00edtico.\n            <\/p>\n\n            <!-- \u2705 BOT\u00d3N REGLAMENTO - NUEVO -->\n            <div class=\"reglamento-btn-wrapper\">\n                <a href=\"https:\/\/colabora.asambleanacional.gob.ec\/s\/H2b5XEwCatc5cbG\" target=\"_blank\" class=\"reglamento-btn\">\n                    <i class=\"fas fa-file-alt\"><\/i>\n                    Reglamento de los Mecanismos de Participaci\u00f3n Ciudadana\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- SECCI\u00d3N AZUL CON TARJETAS DE MECANISMOS -->\n    <div class=\"cards-section\">\n        <div class=\"cards-container\">\n            <div class=\"cards-header\">\n                <h3 class=\"cards-title\">Conoce Nuestros Programas de Participaci\u00f3n<\/h3>\n                <p class=\"cards-subtitle\">\n                    Estos mecanismos permiten a la ciudadan\u00eda incidir en las acciones legislativas y de fiscalizaci\u00f3n, fortaleciendo la democracia participativa en todo el territorio nacional.\n                <\/p>\n            <\/div>\n\n            <div class=\"cards-grid\">\n                <!-- Tarjeta 1 -->\n                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1933\" class=\"card-link\">\n                    <div class=\"card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fas fa-book-open\"><\/i>\n                        <\/div>\n                        <h3 class=\"card-title\">Consulta Prelegislativa<\/h3>\n                        <p class=\"card-description\">Proceso participativo previo a la aprobaci\u00f3n de leyes donde la ciudadan\u00eda opina<\/p>\n                    <\/div>\n                <\/a>\n\n                <!-- Tarjeta 2 -->\n                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1944\" class=\"card-link\">\n                    <div class=\"card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fas fa-id-badge\"><\/i>\n                        <\/div>\n                        <h3 class=\"card-title\">Asamble\u00edsta por un D\u00eda<\/h3>\n                        <p class=\"card-description\">Experiencia directa en el trabajo legislativo y toma de decisiones<\/p>\n                    <\/div>\n                <\/a>\n\n                <!-- Tarjeta 3 - CON MEN\u00da DESPLEGABLE -->\n                <div class=\"card-dropdown-wrapper\">\n                    <div class=\"card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fas fa-comments\"><\/i>\n                        <\/div>\n                        <h3 class=\"card-title\">Recepci\u00f3n de Sugerencias y Observaciones<\/h3>\n                        <p class=\"card-description\">Canal abierto para aportes y observaciones ciudadanas sobre leyes<\/p>\n                        <div class=\"dropdown-menu\">\n                            <button class=\"dropdown-toggle\">\n                                Ver opciones\n                                <i class=\"fas fa-chevron-down\"><\/i>\n                            <\/button>\n                            <div class=\"dropdown-content\">\n                                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1950\" class=\"dropdown-item\" target=\"_blank\">\n                                    <i class=\"fas fa-globe\"><\/i>\n                                    <span>a) Plataforma Virtual<\/span>\n                                <\/a>\n                                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1952\" class=\"dropdown-item\" target=\"_blank\">\n                                    <i class=\"fas fa-gavel\"><\/i>\n                                    <span>b) Simulaciones Parlamentarias<\/span>\n                                <\/a>\n                                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1948\" class=\"dropdown-item\" target=\"_blank\">\n                                    <i class=\"fas fa-users-cog\"><\/i>\n                                    <span>c) Participaci\u00f3n Ciudadana en Comisi\u00f3n General<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tarjeta 4 -->\n                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1954\" class=\"card-link\">\n                    <div class=\"card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fas fa-users\"><\/i>\n                        <\/div>\n                        <h3 class=\"card-title\">Foros de Consulta<\/h3>\n                        <p class=\"card-description\">Espacios de di\u00e1logo y debate ciudadano sobre temas legislativos<\/p>\n                    <\/div>\n                <\/a>\n\n                <!-- Tarjeta 5 -->\n                <a href=\"https:\/\/participacion.asambleanacional.gob.ec\/?page_id=1956\" class=\"card-link\">\n                    <div class=\"card\">\n                        <div class=\"card-icon\">\n                            <i class=\"fas fa-map-marked-alt\"><\/i>\n                        <\/div>\n                        <h3 class=\"card-title\">Mesas Itinerantes<\/h3>\n                        <p class=\"card-description\">Participaci\u00f3n ciudadana en todo el territorio nacional<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.querySelector('.dropdown-toggle').addEventListener('click', function() {\n            const content = this.nextElementSibling;\n            const isOpen = content.classList.contains('show');\n            if (isOpen) {\n                content.classList.remove('show');\n                this.classList.remove('active');\n            } else {\n                content.classList.add('show');\n                this.classList.add('active');\n            }\n        });\n\n        document.querySelectorAll('.dropdown-item').forEach(item => {\n            item.addEventListener('click', function(e) {\n                console.log('Redirigiendo a:', this.href);\n            });\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12e349e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12e349e\" 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-f76ba50\" data-id=\"f76ba50\" 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-dd8afc8 elementor-widget elementor-widget-html\" data-id=\"dd8afc8\" 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>Contadores 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, Oxygen, Ubuntu, Cantarell, sans-serif;\n      background: #ffffff;\n      padding: 40px 20px;\n    }\n\n    .stats-section {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .section-title {\n      text-align: center;\n      color: #003366;\n      font-size: 32px;\n      font-weight: bold;\n      margin-bottom: 40px;\n    }\n\n    .stats-grid {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 20px;\n      margin-bottom: 50px;\n      max-width: 1300px;\n      margin-left: auto;\n      margin-right: auto;\n      justify-content: center;\n    }\n\n    .stat-card {\n      background: white;\n      border-radius: 16px;\n      padding: 20px;\n      text-align: center;\n      box-shadow: 0 4px 15px rgba(0, 51, 102, 0.08);\n      border: 3px solid #FDB913;\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n      flex: 0 0 calc(25% - 20px);\n      min-width: 240px;\n      max-width: 280px;\n    }\n\n    .stat-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(90deg, #003368 0%, #FDB913 100%);\n    }\n\n    .stat-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 8px 25px rgba(0, 51, 102, 0.2);\n    }\n\n    .stat-icon {\n      width: 70px;\n      height: 70px;\n      margin: 0 auto 15px;\n      background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 32px;\n      box-shadow: 0 2px 8px rgba(0, 51, 102, 0.08);\n    }\n\n    .stat-number {\n      font-size: 48px;\n      font-weight: bold;\n      margin: 20px auto;\n      padding: 0;\n      background: transparent;\n      border-radius: 0;\n      display: inline-block;\n      min-width: 180px;\n      position: relative;\n    }\n\n    .stat-number-display {\n      font-family: 'Courier New', 'Digital-7', monospace;\n      color: #003368;\n      text-shadow: none;\n      letter-spacing: 3px;\n      position: relative;\n      z-index: 1;\n      font-weight: 700;\n    }\n\n    .stat-label {\n      font-size: 15px;\n      color: #666;\n      font-weight: 600;\n      margin-bottom: 5px;\n      line-height: 1.3;\n    }\n\n    .stat-description {\n      font-size: 12px;\n      color: #999;\n      margin-top: 8px;\n    }\n\n    .total-stats {\n      background: #ffffff;\n      color: #003368;\n      border-radius: 20px;\n      padding: 40px;\n      text-align: center;\n      margin-bottom: 40px;\n      box-shadow: 0 4px 20px rgba(0, 51, 102, 0.1);\n      border: 3px solid #003368;\n    }\n\n    .total-stats h2 {\n      font-size: 24px;\n      margin-bottom: 20px;\n      color: #003368;\n      font-weight: 700;\n    }\n\n    .total-number {\n      font-size: 80px;\n      font-weight: 700;\n      color: #003368;\n      font-family: 'Courier New', 'Digital-7', monospace;\n      text-shadow: none;\n      letter-spacing: 5px;\n      background: transparent;\n      padding: 0;\n      border-radius: 0;\n      display: inline-block;\n      position: relative;\n    }\n\n    .total-label {\n      font-size: 18px;\n      margin-top: 20px;\n      color: #003368;\n      font-weight: 500;\n    }\n\n    .growth-badge {\n      display: inline-block;\n      background: #4caf50;\n      color: white;\n      padding: 5px 12px;\n      border-radius: 20px;\n      font-size: 14px;\n      font-weight: 600;\n      margin-top: 10px;\n    }\n\n    .growth-badge.negative {\n      background: #f44336;\n    }\n\n    .admin-panel {\n      background: white;\n      border-radius: 15px;\n      padding: 30px;\n      margin-top: 40px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n      display: none;\n    }\n\n    .admin-panel.visible {\n      display: block;\n    }\n\n    .admin-trigger {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 50px;\n      height: 50px;\n      background: #003366;\n      border-radius: 50%;\n      border: none;\n      color: white;\n      font-size: 20px;\n      cursor: pointer;\n      box-shadow: 0 4px 15px rgba(0, 51, 102, 0.3);\n      transition: all 0.3s;\n      z-index: 1000;\n      opacity: 0.3;\n    }\n\n    .admin-trigger:hover {\n      opacity: 1;\n      transform: scale(1.1);\n    }\n\n    .login-modal {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.7);\n      display: none;\n      align-items: center;\n      justify-content: center;\n      z-index: 2000;\n    }\n\n    .login-modal.active {\n      display: flex;\n    }\n\n    .login-box {\n      background: white;\n      border-radius: 15px;\n      padding: 40px;\n      max-width: 400px;\n      width: 90%;\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n    }\n\n    .login-box h3 {\n      color: #003366;\n      margin-bottom: 20px;\n      text-align: center;\n    }\n\n    .login-box input {\n      width: 100%;\n      padding: 12px;\n      border: 2px solid #e0e0e0;\n      border-radius: 8px;\n      font-size: 16px;\n      margin-bottom: 15px;\n    }\n\n    .login-box input:focus {\n      outline: none;\n      border-color: #003366;\n    }\n\n    .login-buttons {\n      display: flex;\n      gap: 10px;\n    }\n\n    .btn-login {\n      flex: 1;\n      padding: 12px;\n      border: none;\n      border-radius: 8px;\n      font-size: 16px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.3s;\n    }\n\n    .btn-login.primary {\n      background: linear-gradient(135deg, #003366 0%, #004d99 100%);\n      color: white;\n    }\n\n    .btn-login.primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 15px rgba(0, 51, 102, 0.3);\n    }\n\n    .btn-login.secondary {\n      background: #e0e0e0;\n      color: #666;\n    }\n\n    .btn-login.secondary:hover {\n      background: #d0d0d0;\n    }\n\n    .error-message {\n      color: #f44336;\n      font-size: 14px;\n      text-align: center;\n      margin-top: 10px;\n      display: none;\n    }\n\n    .error-message.show {\n      display: block;\n    }\n\n    .admin-panel h3 {\n      color: #003366;\n      margin-bottom: 20px;\n      font-size: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .btn-logout {\n      background: #f44336;\n      color: white;\n      border: none;\n      padding: 8px 20px;\n      border-radius: 8px;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.3s;\n    }\n\n    .btn-logout:hover {\n      background: #d32f2f;\n      transform: translateY(-2px);\n    }\n\n    .admin-controls {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 20px;\n    }\n\n    .control-group {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .control-group label {\n      font-weight: 600;\n      color: #333;\n      font-size: 14px;\n    }\n\n    .control-group input {\n      padding: 12px;\n      border: 2px solid #e0e0e0;\n      border-radius: 8px;\n      font-size: 16px;\n      font-family: 'Courier New', monospace;\n      transition: border-color 0.3s;\n    }\n\n    .control-group input:focus {\n      outline: none;\n      border-color: #003366;\n    }\n\n    .btn-update {\n      background: linear-gradient(135deg, #003366 0%, #004d99 100%);\n      color: white;\n      border: none;\n      padding: 15px 30px;\n      border-radius: 10px;\n      font-size: 16px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.3s;\n      margin-top: 20px;\n    }\n\n    .btn-update:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(0, 51, 102, 0.3);\n    }\n\n    .update-message {\n      background: #4caf50;\n      color: white;\n      padding: 15px;\n      border-radius: 8px;\n      margin-top: 20px;\n      display: none;\n      text-align: center;\n      font-weight: 600;\n    }\n\n    .loading-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(255, 255, 255, 0.9);\n      display: none;\n      align-items: center;\n      justify-content: center;\n      z-index: 3000;\n    }\n\n    .loading-overlay.active {\n      display: flex;\n    }\n\n    .loader {\n      border: 5px solid #f3f3f3;\n      border-top: 5px solid #003366;\n      border-radius: 50%;\n      width: 60px;\n      height: 60px;\n      animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n\n    @media (max-width: 1024px) {\n      .stat-card {\n        flex: 0 0 calc(33.333% - 20px);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .section-title {\n        font-size: 24px;\n      }\n\n      .stat-number {\n        font-size: 36px;\n        min-width: 150px;\n        padding: 12px 15px;\n      }\n\n      .total-number {\n        font-size: 56px;\n        padding: 15px 30px;\n      }\n\n      .stat-card {\n        flex: 0 0 calc(50% - 20px);\n      }\n    }\n\n    @media (max-width: 500px) {\n      .stat-card {\n        flex: 0 0 100%;\n        max-width: 100%;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <!-- Loading overlay -->\n  <div class=\"loading-overlay\" id=\"loading-overlay\">\n    <div class=\"loader\"><\/div>\n  <\/div>\n\n  <div class=\"stats-section\">\n    \n    <!-- Estad\u00edstica Total -->\n    <div class=\"total-stats\">\n      <h2>TOTAL DE PARTICIPANTES 2026<\/h2>\n      <div class=\"total-number\" id=\"total-count\">\n        <span style=\"position: relative; z-index: 2;\">0<\/span>\n      <\/div>\n      <div class=\"total-label\">Ciudadanos comprometidos con la democracia<\/div>\n    <\/div>\n\n    <h2 class=\"section-title\">\ud83d\udcca Estad\u00edsticas de Participaci\u00f3n<\/h2>\n\n    <!-- Grid de Estad\u00edsticas -->\n    <div class=\"stats-grid\">\n      \n      <!-- Visitas Guiadas -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-landmark\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-visitas\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Visitas Guiadas<\/div>\n        <div class=\"growth-badge\">\u2191 15% este mes<\/div>\n      <\/div>\n\n      <!-- Simulaci\u00f3n Parlamentaria -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-users\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-simulacion\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Simulaci\u00f3n Parlamentaria<\/div>\n        <div class=\"growth-badge\">\u2191 8% este mes<\/div>\n      <\/div>\n\n      <!-- Asamble\u00edsta por un D\u00eda -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-graduation-cap\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-asambleista\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Asamble\u00edsta por un D\u00eda<\/div>\n        <div class=\"growth-badge\">\u2191 12% este mes<\/div>\n      <\/div>\n\n      <!-- Comisi\u00f3n General -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-balance-scale\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-comision\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Comisi\u00f3n General<\/div>\n        <div class=\"growth-badge\">\u2191 5% este mes<\/div>\n      <\/div>\n\n      <!-- Ruta Legislativa -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-bus\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-ruta\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Ruta Legislativa<\/div>\n        <div class=\"growth-badge\">\u2191 28% este mes<\/div>\n      <\/div>\n\n      <!-- Mesas Itinerantes -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-map-marker-alt\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-mesas\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Mesas Itinerantes<\/div>\n        <div class=\"growth-badge\">\u2191 18% este mes<\/div>\n      <\/div>\n\n      <!-- Plataforma Virtual -->\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\"><i class=\"fas fa-globe\" style=\"color: #003368;\"><\/i><\/div>\n        <div class=\"stat-number\">\n          <span class=\"stat-number-display\" id=\"count-plataforma\">0<\/span>\n        <\/div>\n        <div class=\"stat-label\">Plataforma Virtual<\/div>\n        <div class=\"growth-badge\">\u2191 35% este mes<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Panel de Administraci\u00f3n -->\n    <div class=\"admin-panel\">\n      <h3>\n        <span>\u2699\ufe0f Panel de Administraci\u00f3n - Actualizar Contadores<\/span>\n        <button class=\"btn-logout\" onclick=\"logout()\">\ud83d\udeaa Cerrar Sesi\u00f3n<\/button>\n      <\/h3>\n      <div class=\"admin-controls\">\n        \n        <div class=\"control-group\">\n          <label for=\"input-visitas\">Visitas Guiadas:<\/label>\n          <input type=\"number\" id=\"input-visitas\" value=\"0\" min=\"0\">\n        <\/div>\n\n        <div class=\"control-group\">\n          <label for=\"input-simulacion\">Simulaci\u00f3n Parlamentaria:<\/label>\n          <input type=\"number\" id=\"input-simulacion\" value=\"0\" min=\"0\">\n        <\/div>\n\n        <div class=\"control-group\">\n          <label for=\"input-asambleista\">Asamble\u00edsta por un D\u00eda:<\/label>\n          <input type=\"number\" id=\"input-asambleista\" value=\"0\" min=\"0\">\n        <\/div>\n\n        <div class=\"control-group\">\n          <label for=\"input-comision\">Comisi\u00f3n General:<\/label>\n          <input type=\"number\" id=\"input-comision\" value=\"0\" min=\"0\">\n        <\/div>\n\n        <div class=\"control-group\">\n          <label for=\"input-ruta\">Ruta Legislativa:<\/label>\n          <input type=\"number\" id=\"input-ruta\" value=\"0\" min=\"0\">\n        <\/div>\n\n        <div class=\"control-group\">\n          <label for=\"input-mesas\">Mesas Itinerantes:<\/label>\n          <input type=\"number\" id=\"input-mesas\" value=\"0\" min=\"0\">\n        <\/div>\n\n        <div class=\"control-group\">\n          <label for=\"input-plataforma\">Plataforma Virtual:<\/label>\n          <input type=\"number\" id=\"input-plataforma\" value=\"0\" min=\"0\">\n        <\/div>\n\n      <\/div>\n\n      <button class=\"btn-update\" onclick=\"updateCounters()\">Actualizar Contadores<\/button>\n      <div class=\"update-message\" id=\"update-message\">\u2705 \u00a1Contadores actualizados exitosamente!<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bot\u00f3n oculto para acceder al admin -->\n  <button class=\"admin-trigger\" onclick=\"showLoginModal()\" title=\"Administraci\u00f3n\">\u2699\ufe0f<\/button>\n\n  <!-- Modal de Login -->\n  <div class=\"login-modal\" id=\"login-modal\">\n    <div class=\"login-box\">\n      <h3>\ud83d\udd10 Acceso Administrativo<\/h3>\n      <input type=\"password\" id=\"admin-password\" placeholder=\"Ingrese la contrase\u00f1a\" onkeypress=\"if(event.key==='Enter') login()\">\n      <div class=\"login-buttons\">\n        <button class=\"btn-login secondary\" onclick=\"closeLoginModal()\">Cancelar<\/button>\n        <button class=\"btn-login primary\" onclick=\"login()\">Acceder<\/button>\n      <\/div>\n      <div class=\"error-message\" id=\"error-message\">\u274c Contrase\u00f1a incorrecta<\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ \u26a0\ufe0f\u26a0\ufe0f\u26a0\ufe0f IMPORTANTE: REEMPLAZA ESTA URL CON LA DE TU GOOGLE APPS SCRIPT \u26a0\ufe0f\u26a0\ufe0f\u26a0\ufe0f\n    const GOOGLE_SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbybCnV9gOvh1bDVAwiHaHgd5I2K3iSC7D_dFlZAtha2cJn9wM_aE_06KnOnO4oR6yUDOw\/exec';\n    \n    \/\/ Contrase\u00f1a de administrador\n    const ADMIN_PASSWORD = \"asamblea2025\";\n\n    \/\/ Mostrar loading\n    function showLoading() {\n      document.getElementById('loading-overlay').classList.add('active');\n    }\n\n    function hideLoading() {\n      document.getElementById('loading-overlay').classList.remove('active');\n    }\n\n    \/\/ Cargar contadores desde Google Sheets\n    async function loadCountersFromServer() {\n      showLoading();\n      try {\n        const response = await fetch(GOOGLE_SCRIPT_URL);\n        const data = await response.json();\n        \n        console.log('Datos cargados:', data);\n        \n        document.getElementById('count-visitas').textContent = formatNumber(data.visitas);\n        document.getElementById('count-simulacion').textContent = formatNumber(data.simulacion);\n        document.getElementById('count-asambleista').textContent = formatNumber(data.asambleista);\n        document.getElementById('count-comision').textContent = formatNumber(data.comision);\n        document.getElementById('count-ruta').textContent = formatNumber(data.ruta);\n        document.getElementById('count-mesas').textContent = formatNumber(data.mesas);\n        document.getElementById('count-plataforma').textContent = formatNumber(data.plataforma);\n        \n        document.getElementById('input-visitas').value = data.visitas;\n        document.getElementById('input-simulacion').value = data.simulacion;\n        document.getElementById('input-asambleista').value = data.asambleista;\n        document.getElementById('input-comision').value = data.comision;\n        document.getElementById('input-ruta').value = data.ruta;\n        document.getElementById('input-mesas').value = data.mesas;\n        document.getElementById('input-plataforma').value = data.plataforma;\n        \n        updateTotal();\n        hideLoading();\n      } catch (error) {\n        hideLoading();\n        console.error('Error al cargar contadores:', error);\n        alert('\u26a0\ufe0f Error al cargar los datos. Verifica:\\n\\n1. Que hayas pegado la URL correcta del Google Script\\n2. Que el script est\u00e9 publicado correctamente\\n3. Que tu conexi\u00f3n a internet funcione');\n      }\n    }\n    \n    \/\/ Actualizar contadores en Google Sheets\n    async function updateCounters() {\n      const data = {\n        visitas: parseInt(document.getElementById('input-visitas').value) || 0,\n        simulacion: parseInt(document.getElementById('input-simulacion').value) || 0,\n        asambleista: parseInt(document.getElementById('input-asambleista').value) || 0,\n        comision: parseInt(document.getElementById('input-comision').value) || 0,\n        ruta: parseInt(document.getElementById('input-ruta').value) || 0,\n        mesas: parseInt(document.getElementById('input-mesas').value) || 0,\n        plataforma: parseInt(document.getElementById('input-plataforma').value) || 0\n      };\n      \n      showLoading();\n      \n      try {\n        \/\/ Enviar a Google Sheets\n        await fetch(GOOGLE_SCRIPT_URL, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application\/json',\n          },\n          body: JSON.stringify(data),\n          mode: 'no-cors'\n        });\n        \n        \/\/ Esperar un momento y recargar\n        await new Promise(resolve => setTimeout(resolve, 1500));\n        await loadCountersFromServer();\n        \n        const message = document.getElementById('update-message');\n        message.style.display = 'block';\n        setTimeout(() => {\n          message.style.display = 'none';\n        }, 3000);\n        \n      } catch (error) {\n        hideLoading();\n        console.error('Error al actualizar:', error);\n        alert('\u274c Error al actualizar los contadores. Verifica tu conexi\u00f3n e intenta nuevamente.');\n      }\n    }\n    \n    \/\/ Calcular total\n    function updateTotal() {\n      const visitas = parseInt(document.getElementById('input-visitas').value) || 0;\n      const simulacion = parseInt(document.getElementById('input-simulacion').value) || 0;\n      const asambleista = parseInt(document.getElementById('input-asambleista').value) || 0;\n      const comision = parseInt(document.getElementById('input-comision').value) || 0;\n      const ruta = parseInt(document.getElementById('input-ruta').value) || 0;\n      const mesas = parseInt(document.getElementById('input-mesas').value) || 0;\n      const plataforma = parseInt(document.getElementById('input-plataforma').value) || 0;\n      \n      const total = visitas + simulacion + asambleista + comision + ruta + mesas + plataforma;\n      document.getElementById('total-count').querySelector('span').textContent = formatNumber(total);\n    }\n    \n    \/\/ Formatear n\u00fameros\n    function formatNumber(num) {\n      return parseInt(num).toLocaleString('es-EC');\n    }\n    \n    \/\/ Cargar al iniciar\n    window.addEventListener('load', () => {\n      loadCountersFromServer();\n      checkAdminSession();\n    });\n    \n    \/\/ Funciones de login\n    function showLoginModal() {\n      document.getElementById('login-modal').classList.add('active');\n      document.getElementById('admin-password').focus();\n      document.getElementById('error-message').classList.remove('show');\n    }\n    \n    function closeLoginModal() {\n      document.getElementById('login-modal').classList.remove('active');\n      document.getElementById('admin-password').value = '';\n      document.getElementById('error-message').classList.remove('show');\n    }\n    \n    function login() {\n      const password = document.getElementById('admin-password').value;\n      \n      if (password === ADMIN_PASSWORD) {\n        sessionStorage.setItem('admin_logged', 'true');\n        document.querySelector('.admin-panel').classList.add('visible');\n        closeLoginModal();\n      } else {\n        document.getElementById('error-message').classList.add('show');\n        document.getElementById('admin-password').value = '';\n        document.getElementById('admin-password').focus();\n      }\n    }\n    \n    function checkAdminSession() {\n      if (sessionStorage.getItem('admin_logged') === 'true') {\n        document.querySelector('.admin-panel').classList.add('visible');\n      }\n    }\n    \n    function logout() {\n      sessionStorage.removeItem('admin_logged');\n      document.querySelector('.admin-panel').classList.remove('visible');\n      \n      const message = document.getElementById('update-message');\n      message.style.background = '#2196F3';\n      message.textContent = '\ud83d\udeaa Sesi\u00f3n cerrada correctamente';\n      message.style.display = 'block';\n      setTimeout(() => {\n        message.style.display = 'none';\n        message.style.background = '#4caf50';\n        message.textContent = '\u2705 \u00a1Contadores actualizados exitosamente!';\n      }, 2000);\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>Gesti\u00f3n de Vinculaci\u00f3n y Participaci\u00f3n Ciudadana Gesti\u00f3n de Vinculaci\u00f3n y Participaci\u00f3n Ciudadana Vinculaci\u00f3n es el brazo en territorio y en l\u00ednea de la Coordinaci\u00f3n General de Participaci\u00f3n Ciudadana. Su misi\u00f3n es acercar el Parlamento a la gente, abrir espacios permanentes de di\u00e1logo y activar los mecanismos de participaci\u00f3n para que tus ideas y observaciones lleguen [&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-1843","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages\/1843","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=1843"}],"version-history":[{"count":79,"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages\/1843\/revisions"}],"predecessor-version":[{"id":3662,"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=\/wp\/v2\/pages\/1843\/revisions\/3662"}],"wp:attachment":[{"href":"https:\/\/participacion.asambleanacional.gob.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}