{"id":8470,"date":"2026-09-08T11:30:22","date_gmt":"2026-09-08T14:30:22","guid":{"rendered":"https:\/\/posadas.gov.ar\/planurbano\/?page_id=8470"},"modified":"2026-10-01T10:34:09","modified_gmt":"2026-10-01T13:34:09","slug":"pep2035","status":"publish","type":"page","link":"https:\/\/posadas.gov.ar\/planurbano\/pep2035\/","title":{"rendered":"PEP2035"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8470\" class=\"elementor elementor-8470\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd23398 elementor-section-stretched elementor-section-full_width elementor-section-content-bottom elementor-section-height-default elementor-section-height-default\" data-id=\"fd23398\" 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-100 elementor-top-column elementor-element elementor-element-166c1b1\" data-id=\"166c1b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0d4043 elementor-widget elementor-widget-html\" data-id=\"c0d4043\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts & Material Symbols -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Source+Sans+3:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* Variables locales aisladas para la portada *\/\r\n    .hero-section {\r\n        --bg-hero-green: #00a26f;\r\n        --pill-green: #02c084;\r\n        --btn-blue: #0088cc;\r\n        --btn-blue-hover: #006da3;\r\n        \r\n        position: relative;\r\n        min-height: 100vh;\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 80px 24px 60px;\r\n        overflow: hidden;\r\n        background-color: #000000;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .hero-section * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Contenedor del Video en Fondo *\/\r\n    .hero-section .hero-video-wrapper {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        transform: translate(-50%, -50%);\r\n        pointer-events: none;\r\n        z-index: 1;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hero-section .hero-video-wrapper iframe {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 100vw;\r\n        height: 56.25vw;\r\n        min-height: 100vh;\r\n        min-width: 177.77vh;\r\n        transform: translate(-50%, -50%) scale(1.2);\r\n    }\r\n\r\n    \/* Capa Verde #00a26f al 70% de Opacidad sobre el video *\/\r\n    .hero-section .hero-overlay-green {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-color: rgba(0, 162, 111, 0.70);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Tarjeta Blanca Centrada *\/\r\n    .hero-section .hero-card {\r\n        position: relative;\r\n        z-index: 3;\r\n        background-color: #ffffff;\r\n        width: 100%;\r\n        max-width: 960px;\r\n        border-radius: 32px;\r\n        padding: 60px 40px;\r\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Logo Achicado *\/\r\n    .hero-section .hero-logo {\r\n        max-width: 170px;\r\n        width: 100%;\r\n        height: auto;\r\n        margin-bottom: 24px;\r\n        display: block;\r\n    }\r\n\r\n    \/* T\u00edtulo principal Agrandado *\/\r\n    .hero-section .hero-title-main {\r\n        font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;\r\n        font-weight: 800;\r\n        color: #000000;\r\n        font-size: clamp(2.4rem, 5.2vw, 4rem);\r\n        line-height: 1.05;\r\n        letter-spacing: -1px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    \/* P\u00edldora Principal Verde *\/\r\n    .hero-section .hero-pill-main {\r\n        background-color: var(--pill-green);\r\n        color: #ffffff;\r\n        font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;\r\n        font-weight: 600;\r\n        font-size: clamp(1rem, 1.8vw, 1.3rem);\r\n        border-radius: 9999px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 26px 48px;\r\n        min-height: 110px;\r\n        max-width: 680px;\r\n        box-shadow: 0 6px 20px rgba(2, 192, 132, 0.25);\r\n        line-height: 1.35;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Contenedor del Bot\u00f3n (Centrado) *\/\r\n    .hero-section .hero-cta-group {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    \/* P\u00edldora \"Material de consulta\" *\/\r\n    .hero-section .pill-button-secondary {\r\n        background-color: #f1f3f5;\r\n        color: #333333;\r\n        border: 2px solid #e0e0e0;\r\n        font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;\r\n        font-weight: 700;\r\n        font-size: 0.95rem;\r\n        line-height: 1.2;\r\n        padding: 12px 32px;\r\n        border-radius: 9999px;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        min-height: 52px;\r\n        text-align: center;\r\n        transition: all 0.25s ease-in-out;\r\n    }\r\n\r\n    .hero-section .pill-button-secondary:hover {\r\n        background-color: #e9ecef;\r\n        border-color: #cccccc;\r\n        color: #000000;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .hero-section .pill-button-secondary .material-symbols-outlined {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    \/* Ajustes Responsivos *\/\r\n    @media (max-width: 768px) {\r\n        .hero-section .pill-button-secondary {\r\n            width: 100%;\r\n            max-width: 320px;\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .hero-section {\r\n            padding: 60px 16px 30px;\r\n        }\r\n        .hero-section .hero-card {\r\n            padding: 40px 20px;\r\n            border-radius: 24px;\r\n        }\r\n        .hero-section .hero-logo {\r\n            max-width: 140px;\r\n            margin-bottom: 18px;\r\n        }\r\n        .hero-section .hero-pill-main {\r\n            padding: 20px 24px;\r\n            min-height: auto;\r\n            border-radius: 28px;\r\n            margin-bottom: 12px;\r\n        }\r\n        .hero-section .hero-cta-group {\r\n            margin-top: 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ==========================================\r\n     SECCI\u00d3N PORTADA \/ HERO (ELEMENTOR WIDGET)\r\n     ========================================== -->\r\n<section class=\"hero-section\" id=\"seccion-portada\">\r\n    \r\n    <!-- Video YouTube Muteado e Infinito -->\r\n    <div class=\"hero-video-wrapper\">\r\n        <iframe \r\n            src=\"https:\/\/www.youtube.com\/embed\/K9V3Kw0KS3E?autoplay=1&mute=1&controls=0&loop=1&playlist=K9V3Kw0KS3E&playsinline=1&enablejsapi=1\" \r\n            title=\"Fondo Video Posadas\" \r\n            frameborder=\"0\" \r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n            allowfullscreen>\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n    <!-- Capa Verde al 70% Opacidad -->\r\n    <div class=\"hero-overlay-green\"><\/div>\r\n\r\n    <!-- Contenido Tarjeta Blanca -->\r\n    <div class=\"hero-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/logo-pep2035.png\" alt=\"Logo Plan Estrat\u00e9gico Posadas 2035\" class=\"hero-logo\">\r\n        \r\n        <h1 class=\"hero-title-main\">\r\n            Segundo Plenario<br>Posadas 2035\r\n        <\/h1>\r\n        \r\n        <div class=\"hero-pill-main\">\r\n            Priorizar las acciones para<br>transformar la ciudad\r\n        <\/div>\r\n\r\n        <!-- Bot\u00f3n \u00danico Centrado -->\r\n        <div class=\"hero-cta-group\">\r\n            <a href=\"https:\/\/drive.google.com\/drive\/u\/0\/folders\/19V59Oac3rujN-0_ebb83dyYGg0ujbQQu\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"pill-button-secondary\">\r\n                <span>Material de consulta<\/span>\r\n                <span class=\"material-symbols-outlined\">folder<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1d6348 elementor-widget elementor-widget-html\" data-id=\"a1d6348\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts & Material Symbols -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    .pep-content-wrapper {\r\n        \/* Variables aisladas *\/\r\n        --pill-green: #00d285;\r\n        --bg-green-bright: #00A46D;\r\n        --bg-hero-dark: #024040;\r\n        --bg-white: #ffffff;\r\n        --color-green-light: #03A66A;\r\n        --color-green-mid: #038C5A;\r\n        --color-green-dark: #014023;\r\n        --color-bg-gray: #F2F2F2;\r\n        --color-black: #0D0D0D;\r\n        --color-white: #ffffff;\r\n        --primary: #006c3b;\r\n        --primary-dark: #004d28;\r\n        --primary-container: #d2f7e1;\r\n        --on-primary-container: #00210e;\r\n        --text-main: #131d18;\r\n        --text-muted: #526058;\r\n        --border-light: rgba(0, 108, 59, 0.12);\r\n        --font-main: 'Source Sans 3', system-ui, -apple-system, sans-serif;\r\n        --radius-s: 12px;\r\n        --radius-m: 20px;\r\n        --radius-l: 32px;\r\n        --radius-full: 9999px;\r\n        --radius-card: 24px;\r\n        --radius-container: 28px;\r\n        --shadow-subtle: 0 10px 30px -10px rgba(0, 0, 0, 0.08);\r\n        --shadow-hover: 0 20px 40px -15px rgba(0, 0, 0, 0.15);\r\n        --m3-spring-easing: cubic-bezier(0.05, 0.9, 0.1, 1.0);\r\n        --m3-spring-fast: cubic-bezier(0.1, 0.9, 0.2, 1.0);\r\n\r\n        \/* URLs de im\u00e1genes para Secci\u00f3n 4 *\/\r\n        --img-default: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/PEP-2035-MARZO-70.jpg-scaled.jpeg');\r\n        --img-pildora-1: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/DSC6177.jpg-scaled.jpeg');\r\n        --img-pildora-2: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/PEP-2035-MARZO-80.jpg-scaled.jpeg');\r\n        --img-pildora-3: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/DSC08011.JPG-scaled.jpeg');\r\n        --img-pildora-4: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/4ta-PEP-2035-scaled.jpeg');\r\n\r\n        \/* URLs de im\u00e1genes para Secci\u00f3n 7 (Segundo Plenario \/ Ejes) *\/\r\n        --img-ejes-default: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/1414269.jpg-3-scaled.jpeg');\r\n        --img-eje1: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/Ambiente-y-sostenibilidad.jpeg');\r\n        --img-eje2: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/Desarrollo-economico.jpeg');\r\n        --img-eje3: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/Desarrollo-urbano.jpeg');\r\n        --img-eje4: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/COHESION-SOCIAL-scaled.jpeg');\r\n        --img-eje5: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/Gobierno-abierto.jpeg');\r\n        --img-eje6: url('https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/Integracion-metropolitana.jpeg');\r\n\r\n        font-family: var(--font-main);\r\n        color: var(--text-main);\r\n        line-height: 1.4;\r\n        position: relative;\r\n        width: 100%;\r\n        background-color: var(--bg-green-bright);\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .pep-content-wrapper * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    \/* --- HERO CONTAINER (SECCI\u00d3N 1) --- *\/\r\n    .pep-content-wrapper .hero-outer-container {\r\n        position: relative;\r\n        width: 100%;\r\n        background-color: var(--bg-hero-dark);\r\n        min-height: 92vh;\r\n        padding: 90px 20px 140px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0;\r\n        overflow: visible;\r\n    }\r\n\r\n    .pep-content-wrapper .hero-transition-line {\r\n        position: absolute;\r\n        bottom: -60px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 110%;\r\n        min-width: 100vw;\r\n        height: auto;\r\n        pointer-events: none;\r\n        z-index: 10;\r\n        display: block;\r\n    }\r\n\r\n    .pep-content-wrapper .main-container {\r\n        background-color: var(--color-white);\r\n        max-width: 1180px;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        border-radius: var(--radius-container);\r\n        padding: 48px 40px;\r\n        box-shadow: 0 12px 32px rgba(0,0,0,0.15);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pep-content-wrapper .apple-title {\r\n        font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n        font-weight: 800;\r\n        color: var(--color-black);\r\n        letter-spacing: -0.03em;\r\n        line-height: 1.1;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    \/* --- ANIMACI\u00d3N HOVER EN TARJETAS --- *\/\r\n    .pep-content-wrapper .cards-grid {\r\n        display: flex;\r\n        gap: 16px;\r\n        margin-bottom: 36px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pep-content-wrapper .nav-card {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1 1 0px;\r\n        min-width: 0;\r\n        border-radius: var(--radius-card);\r\n        overflow: hidden;\r\n        background: var(--color-bg-gray);\r\n        position: relative;\r\n        transition: flex 500ms var(--m3-spring-easing);\r\n        will-change: flex;\r\n    }\r\n\r\n    .pep-content-wrapper .cards-grid:hover .nav-card {\r\n        flex: 0.75 1 0px;\r\n    }\r\n\r\n    .pep-content-wrapper .cards-grid .nav-card:hover {\r\n        flex: 1.8 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .cards-grid .nav-card:active {\r\n        transition: flex 180ms var(--m3-spring-fast) !important;\r\n        flex: 1 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .card-header {\r\n        background-color: var(--color-green-light);\r\n        padding: 18px 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-height: 110px;\r\n    }\r\n\r\n    .pep-content-wrapper .card-header .number {\r\n        font-size: clamp(2.2rem, 3.5vw, 3.8rem);\r\n        font-weight: 900;\r\n        color: var(--color-white);\r\n        line-height: 0.85;\r\n        letter-spacing: -0.04em;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pep-content-wrapper .card-header .label {\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--color-white);\r\n        line-height: 1.15;\r\n    }\r\n\r\n    .pep-content-wrapper .card-media {\r\n        width: 100%;\r\n        height: 150px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pep-content-wrapper .card-media img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 500ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .nav-card:hover .card-media img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* L\u00cdNEA DE TIEMPO INTERACTIVA *\/\r\n    .pep-content-wrapper .timeline-container {\r\n        position: relative;\r\n        padding: 8px 0;\r\n    }\r\n\r\n    .pep-content-wrapper .timeline-line {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 5%;\r\n        right: 5%;\r\n        height: 4px;\r\n        background-color: var(--color-green-dark);\r\n        transform: translateY(-50%);\r\n        z-index: 1;\r\n    }\r\n\r\n    .pep-content-wrapper .timeline-nodes {\r\n        display: grid;\r\n        grid-template-columns: repeat(6, 1fr);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pep-content-wrapper .timeline-node {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .pep-content-wrapper .node-circle {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background-color: var(--color-green-dark);\r\n        color: var(--color-white);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 800;\r\n        font-size: 1.05rem;\r\n        transition: transform 300ms var(--m3-spring-easing), background-color 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .timeline-node:hover .node-circle {\r\n        transform: scale(1.25);\r\n        background-color: var(--color-green-light);\r\n    }\r\n\r\n    \/* --- BLOQUES DE SECCI\u00d3N POSTERIORES --- *\/\r\n    .pep-content-wrapper .page-section-block {\r\n        width: 100%;\r\n        padding: 60px 20px 50px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        background-color: var(--bg-green-bright);\r\n        position: relative;\r\n    }\r\n\r\n    .pep-content-wrapper .section-card {\r\n        background-color: var(--bg-white) !important;\r\n        width: 100%;\r\n        max-width: 1180px;\r\n        border-radius: var(--radius-l);\r\n        padding: 36px 40px;\r\n        box-shadow: var(--shadow-subtle);\r\n        border: 1px solid rgba(0, 0, 0, 0.06);\r\n        transition: box-shadow 0.4s ease;\r\n        position: relative;\r\n        z-index: 3;\r\n    }\r\n\r\n    .pep-content-wrapper .section-card:hover {\r\n        box-shadow: var(--shadow-hover);\r\n    }\r\n\r\n    .pep-content-wrapper .page-section-block.has-bg-illustration {\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding-bottom: 140px;\r\n    }\r\n\r\n    .pep-content-wrapper .outer-bg-line {\r\n        position: absolute;\r\n        bottom: 0;\r\n        height: auto;\r\n        pointer-events: none;\r\n        display: block;\r\n    }\r\n\r\n    .pep-content-wrapper .outer-bg-line.back {\r\n        z-index: 1;\r\n        right: -5%;\r\n        left: auto;\r\n        width: 115%;\r\n        max-width: none;\r\n    }\r\n\r\n    .pep-content-wrapper .outer-bg-line.front {\r\n        z-index: 2;\r\n        left: -5%;\r\n        right: auto;\r\n        width: 115%;\r\n        max-width: none;\r\n    }\r\n\r\n    .pep-content-wrapper .section-header {\r\n        margin-bottom: 28px;\r\n        text-align: left;\r\n    }\r\n\r\n    .pep-content-wrapper .section-number {\r\n        font-weight: 800;\r\n        font-size: 0.78rem;\r\n        color: var(--primary-dark);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.2px;\r\n        margin-bottom: 6px;\r\n        display: inline-block;\r\n        background: var(--primary-container);\r\n        padding: 4px 12px;\r\n        border-radius: var(--radius-s);\r\n    }\r\n\r\n    .pep-content-wrapper .section-title {\r\n        font-size: clamp(2rem, 4vw, 3rem);\r\n        font-weight: 900;\r\n        line-height: 1.15;\r\n        letter-spacing: -0.5px;\r\n        color: var(--text-main);\r\n    }\r\n\r\n    .pep-content-wrapper .section-subtitle {\r\n        font-size: clamp(1rem, 1.8vw, 1.25rem);\r\n        color: var(--text-muted);\r\n        margin-top: 8px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* ESTILOS ESPEC\u00cdFICOS SECCI\u00d3N 3 *\/\r\n    .pep-content-wrapper .section-highlight-text {\r\n        font-size: 1.05rem;\r\n        color: #00A46D;\r\n        font-weight: 800;\r\n        margin-top: 6px;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid {\r\n        display: flex;\r\n        gap: 14px;\r\n        width: 100%;\r\n        height: 260px;\r\n    }\r\n\r\n    .pep-content-wrapper .gallery-card {\r\n        flex: 1 1 0px;\r\n        min-width: 0;\r\n        height: 100%;\r\n        border-radius: var(--radius-card);\r\n        overflow: hidden;\r\n        background: #000000;\r\n        position: relative;\r\n        transition: flex 500ms var(--m3-spring-easing);\r\n        will-change: flex;\r\n        cursor: pointer;\r\n        display: block;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid:hover .gallery-card {\r\n        flex: 0.75 1 0px;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid .gallery-card:hover {\r\n        flex: 2.2 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid .gallery-card:active {\r\n        transition: flex 180ms var(--m3-spring-fast) !important;\r\n        flex: 1 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .gallery-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 500ms ease, opacity 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .gallery-card:hover img {\r\n        transform: scale(1.08);\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .pep-content-wrapper .cta-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 28px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pep-content-wrapper .btn-play-youtube {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        background-color: var(--primary);\r\n        color: var(--bg-white);\r\n        font-weight: 800;\r\n        font-size: 1.05rem;\r\n        padding: 14px 36px;\r\n        border-radius: var(--radius-full);\r\n        text-decoration: none;\r\n        box-shadow: 0 6px 20px rgba(0, 108, 59, 0.25);\r\n        transition: padding 500ms var(--m3-spring-easing), background-color 300ms ease, transform 300ms var(--m3-spring-easing), box-shadow 300ms ease;\r\n        will-change: padding, transform;\r\n    }\r\n\r\n    .pep-content-wrapper .btn-play-youtube:hover {\r\n        background-color: #00A46D;\r\n        padding: 14px 52px;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 25px rgba(0, 164, 109, 0.35);\r\n    }\r\n\r\n    .pep-content-wrapper .btn-play-youtube:active {\r\n        transition: padding 180ms var(--m3-spring-fast), transform 180ms var(--m3-spring-fast) !important;\r\n        padding: 14px 32px !important;\r\n        transform: translateY(-1px) !important;\r\n    }\r\n\r\n    .pep-content-wrapper .btn-play-youtube .material-symbols-outlined {\r\n        font-size: 24px;\r\n    }\r\n\r\n    \/* --- ESTILOS DE ESTAD\u00cdSTICAS Y CONTADORES --- *\/\r\n    .pep-content-wrapper .apple-stat-block {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 28px 48px;\r\n        margin: 24px 0 32px 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .pep-content-wrapper .apple-stat-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pep-content-wrapper .apple-stat-number {\r\n        font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n        font-weight: 900;\r\n        color: var(--color-black);\r\n        letter-spacing: -0.04em;\r\n        line-height: 1;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .pep-content-wrapper .apple-stat-label {\r\n        font-size: clamp(1rem, 1.8vw, 1.25rem);\r\n        font-weight: 700;\r\n        color: var(--text-muted);\r\n        letter-spacing: -0.01em;\r\n        margin-top: 6px;\r\n    }\r\n\r\n    .pep-content-wrapper .apple-stat-divider {\r\n        width: 2px;\r\n        height: 50px;\r\n        background-color: rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .pep-content-wrapper .interactive-content-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 20px;\r\n        align-items: stretch;\r\n        margin-top: 16px;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-flex-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row {\r\n        display: flex;\r\n        gap: 16px;\r\n        width: 100%;\r\n        flex: 1;\r\n    }\r\n\r\n    .pep-content-wrapper .rounded-pill-item {\r\n        background-color: var(--pill-green);\r\n        color: var(--color-white);\r\n        border-radius: var(--radius-full) !important;\r\n        padding: 16px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        font-weight: 800;\r\n        font-size: clamp(0.95rem, 1.3vw, 1.15rem);\r\n        line-height: 1.25;\r\n        box-shadow: 0 8px 20px rgba(0, 210, 133, 0.2);\r\n        cursor: pointer;\r\n        user-select: none;\r\n        flex: 1 1 0px;\r\n        min-width: 0;\r\n        height: 100%;\r\n        will-change: flex, background-color;\r\n        transition: flex 500ms var(--m3-spring-easing), background-color 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row:hover .rounded-pill-item {\r\n        flex: 0.85 1 0px;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row .rounded-pill-item:hover {\r\n        flex: 1.35 1 0px !important;\r\n        background-color: #00b874;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row .rounded-pill-item:active {\r\n        transition: flex 180ms var(--m3-spring-fast) !important;\r\n        flex: 1 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .image-display-box {\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 220px;\r\n        border-radius: var(--radius-m);\r\n        background-image: var(--img-default);\r\n        background-size: cover;\r\n        background-position: center;\r\n        transition: background-image 0.4s ease-in-out;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.06);\r\n    }\r\n\r\n    .pep-content-wrapper .interactive-content-grid:has(.pill-1:hover) .image-display-box {\r\n        background-image: var(--img-pildora-1);\r\n    }\r\n\r\n    .pep-content-wrapper .interactive-content-grid:has(.pill-2:hover) .image-display-box {\r\n        background-image: var(--img-pildora-2);\r\n    }\r\n\r\n    .pep-content-wrapper .interactive-content-grid:has(.pill-3:hover) .image-display-box {\r\n        background-image: var(--img-pildora-3);\r\n    }\r\n\r\n    .pep-content-wrapper .interactive-content-grid:has(.pill-4:hover) .image-display-box {\r\n        background-image: var(--img-pildora-4);\r\n    }\r\n\r\n    \/* --- ESTILOS DE PLENARIOS Y JORNADAS --- *\/\r\n    .pep-content-wrapper .plenario-hero-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        margin-bottom: 24px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pep-content-wrapper .plenario-logo {\r\n        max-width: 150px;\r\n        width: 100%;\r\n        height: auto;\r\n        margin-bottom: 18px;\r\n        display: block;\r\n    }\r\n\r\n    .pep-content-wrapper .plenario-main-title {\r\n        font-size: clamp(2.2rem, 4.5vw, 3.4rem);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.03em;\r\n        color: var(--color-black);\r\n        margin-bottom: 24px;\r\n        text-align: center;\r\n    }\r\n\r\n    .pep-content-wrapper .plenario-main-title span {\r\n        display: block;\r\n    }\r\n\r\n    .pep-content-wrapper .plenario-pill-badge {\r\n        background-color: var(--pill-green);\r\n        color: var(--color-white);\r\n        font-weight: 800;\r\n        font-size: clamp(1rem, 1.4vw, 1.25rem);\r\n        padding: 18px 44px;\r\n        border-radius: var(--radius-full);\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        line-height: 1.3;\r\n        box-shadow: 0 10px 28px rgba(0, 210, 133, 0.3);\r\n        text-align: center;\r\n    }\r\n\r\n    .pep-content-wrapper .plenario-pill-badge span {\r\n        display: block;\r\n    }\r\n\r\n    \/* Galer\u00eda interactiva fluida (Secci\u00f3n 2, 5 y 6) *\/\r\n    .pep-content-wrapper .photo-gallery-grid-interactive {\r\n        display: flex;\r\n        gap: 14px;\r\n        width: 100%;\r\n        height: 260px;\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive.tall-gallery {\r\n        height: 380px;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item {\r\n        flex: 1 1 0px;\r\n        min-width: 0;\r\n        height: 100%;\r\n        border-radius: var(--radius-card);\r\n        overflow: hidden;\r\n        background: #000000;\r\n        position: relative;\r\n        transition: flex 500ms var(--m3-spring-easing);\r\n        will-change: flex;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive:hover .gallery-card-item {\r\n        flex: 0.75 1 0px;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item:hover {\r\n        flex: 2.2 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item:active {\r\n        transition: flex 180ms var(--m3-spring-fast) !important;\r\n        flex: 1 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: center;\r\n        display: block;\r\n        transition: transform 500ms ease, opacity 300ms ease;\r\n    }\r\n\r\n    \/* ANIMACI\u00d3N DESPLAZAMIENTO DESDE EL CENTRO HACIA ABAJO *\/\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item img.pan-image {\r\n        object-position: center center;\r\n        transition: object-position 1000ms cubic-bezier(0.25, 1, 0.5, 1), opacity 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item:hover img.pan-image {\r\n        transform: none !important;\r\n        object-position: center 100%;\r\n        opacity: 0.95;\r\n    }\r\n\r\n    .pep-content-wrapper .photo-gallery-grid-interactive .gallery-card-item:hover img:not(.pan-image) {\r\n        transform: scale(1.08);\r\n        opacity: 0.92;\r\n    }\r\n\r\n    \/* --- SECCI\u00d3N 7: EJES SEGUNDO PLENARIO --- *\/\r\n    .pep-content-wrapper .ejes-content-container {\r\n        width: 100%;\r\n        margin-top: 32px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n\r\n    .pep-content-wrapper .eje-boton {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        user-select: none;\r\n        flex: 1 1 0px;\r\n        min-width: 0;\r\n        transition: flex 500ms var(--m3-spring-easing);\r\n        will-change: flex;\r\n        outline: none;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row:hover .eje-boton {\r\n        flex: 0.85 1 0px;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row .eje-boton:hover,\r\n    .pep-content-wrapper .pills-row .eje-boton:focus-visible {\r\n        flex: 1.35 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .pills-row .eje-boton:active {\r\n        transition: flex 180ms var(--m3-spring-fast) !important;\r\n        flex: 1 1 0px !important;\r\n    }\r\n\r\n    .pep-content-wrapper .badge-pill {\r\n        border-radius: 148px;\r\n        padding: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n        min-height: 110px;\r\n        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\r\n        background-color: #00d285;\r\n        transition: background-color 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .eje-boton:hover .badge-pill,\r\n    .pep-content-wrapper .eje-boton.active .badge-pill {\r\n        background-color: #0A8E48;\r\n    }\r\n\r\n    .pep-content-wrapper .badge-circle {\r\n        width: 94px;\r\n        height: 94px;\r\n        flex: 0 0 94px;\r\n        background: #FFFFFF;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 2px 6px rgba(0,0,0,0.06);\r\n    }\r\n\r\n    .pep-content-wrapper .eje-label-title {\r\n        font-size: 25px;\r\n        font-weight: 700;\r\n        line-height: 1;\r\n        margin-bottom: 2px;\r\n        color: #00d285;\r\n        transition: color 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .numero {\r\n        font-size: 40px;\r\n        font-weight: 900;\r\n        line-height: 0.8;\r\n        color: #00d285;\r\n        transition: color 300ms ease;\r\n    }\r\n\r\n    .pep-content-wrapper .eje-boton:hover .eje-label-title, \r\n    .pep-content-wrapper .eje-boton:hover .numero,\r\n    .pep-content-wrapper .eje-boton.active .eje-label-title,\r\n    .pep-content-wrapper .eje-boton.active .numero {\r\n        color: #0A8E48;\r\n    }\r\n\r\n    .pep-content-wrapper .texto {\r\n        color: #FFFFFF;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        line-height: 1.15;\r\n        margin-left: 16px;\r\n        padding-right: 12px;\r\n    }\r\n\r\n    .pep-content-wrapper .image-display-box-ejes-wrapper {\r\n        width: 100%;\r\n        height: 340px;\r\n        border-radius: var(--radius-m);\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.06);\r\n        margin-top: 10px;\r\n        background: #000000;\r\n        position: relative;\r\n    }\r\n\r\n    .pep-content-wrapper .image-display-box-ejes {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-image: var(--img-ejes-default);\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 1;\r\n        transition: opacity 200ms ease-in-out, background-image 200ms ease-in-out;\r\n    }\r\n\r\n    \/* Reglas para Hover en Desktop (Ejes) *\/\r\n    .pep-content-wrapper .ejes-content-container:has(.pill-eje1:hover) .image-display-box-ejes { background-image: var(--img-eje1); opacity: 0.85; }\r\n    .pep-content-wrapper .ejes-content-container:has(.pill-eje2:hover) .image-display-box-ejes { background-image: var(--img-eje2); opacity: 0.85; }\r\n    .pep-content-wrapper .ejes-content-container:has(.pill-eje3:hover) .image-display-box-ejes { background-image: var(--img-eje3); opacity: 0.85; }\r\n    .pep-content-wrapper .ejes-content-container:has(.pill-eje4:hover) .image-display-box-ejes { background-image: var(--img-eje4); opacity: 0.85; }\r\n    .pep-content-wrapper .ejes-content-container:has(.pill-eje5:hover) .image-display-box-ejes { background-image: var(--img-eje5); opacity: 0.85; }\r\n    .pep-content-wrapper .ejes-content-container:has(.pill-eje6:hover) .image-display-box-ejes { background-image: var(--img-eje6); opacity: 0.85; }\r\n\r\n    \/* COMPONENTES COMPLEMENTARIOS *\/\r\n    .pep-content-wrapper .result-box {\r\n        background: rgba(0, 162, 111, 0.05);\r\n        border-left: 4px solid var(--primary);\r\n        padding: 20px 24px;\r\n        border-radius: 0 var(--radius-m) var(--radius-m) 0;\r\n        margin-top: 24px;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .pep-content-wrapper .result-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background-color: var(--primary-container);\r\n        color: var(--on-primary-container);\r\n        font-weight: 800;\r\n        font-size: 0.95rem;\r\n        padding: 6px 16px;\r\n        border-radius: var(--radius-full);\r\n        text-transform: uppercase;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .pep-content-wrapper .result-text {\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        color: var(--text-main);\r\n    }\r\n\r\n    .pep-content-wrapper .back-to-top-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 32px;\r\n        position: relative;\r\n        z-index: 5;\r\n    }\r\n\r\n    .pep-content-wrapper .back-to-top-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 52px;\r\n        height: 52px;\r\n        background-color: var(--primary);\r\n        color: var(--color-white);\r\n        border-radius: var(--radius-full);\r\n        text-decoration: none;\r\n        box-shadow: 0 6px 20px rgba(0, 108, 59, 0.3);\r\n        transition: background-color 300ms ease, transform 300ms var(--m3-spring-easing);\r\n    }\r\n\r\n    .pep-content-wrapper .back-to-top-btn:hover {\r\n        background-color: var(--color-green-light);\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    \/* ADAPTACI\u00d3N RESPONSIVE *\/\r\n    @media (max-width: 900px) {\r\n        .pep-content-wrapper .hero-outer-container {\r\n            min-height: auto;\r\n            padding: 50px 16px 80px 16px;\r\n        }\r\n        .pep-content-wrapper .hero-transition-line {\r\n            bottom: -30px;\r\n        }\r\n        .pep-content-wrapper .cards-grid {\r\n            flex-wrap: wrap;\r\n        }\r\n        .pep-content-wrapper .nav-card {\r\n            flex: 1 1 calc(33.333% - 16px) !important;\r\n        }\r\n        .pep-content-wrapper .timeline-nodes {\r\n            grid-template-columns: repeat(3, 1fr);\r\n            row-gap: 24px;\r\n        }\r\n        .pep-content-wrapper .timeline-line {\r\n            display: none;\r\n        }\r\n        .pep-content-wrapper .apple-stat-divider {\r\n            display: none;\r\n        }\r\n        .pep-content-wrapper .interactive-content-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .pep-content-wrapper .image-display-box {\r\n            height: 240px;\r\n        }\r\n        .pep-content-wrapper .pills-row {\r\n            flex-direction: column;\r\n        }\r\n        .pep-content-wrapper .badge-pill {\r\n            min-height: auto;\r\n            padding: 10px;\r\n        }\r\n        .pep-content-wrapper .badge-circle {\r\n            width: 84px;\r\n            height: 84px;\r\n            flex-basis: 84px;\r\n        }\r\n        .pep-content-wrapper .eje-label-title {\r\n            font-size: 15px;\r\n        }\r\n        .pep-content-wrapper .numero {\r\n            font-size: 32px;\r\n        }\r\n        .pep-content-wrapper .texto {\r\n            font-size: 16px;\r\n            margin-left: 16px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n        .pep-content-wrapper .photo-gallery-grid,\r\n        .pep-content-wrapper .photo-gallery-grid-interactive {\r\n            height: 220px;\r\n        }\r\n        .pep-content-wrapper .photo-gallery-grid-interactive.tall-gallery {\r\n            height: 280px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .pep-content-wrapper .pills-row {\r\n            flex-direction: column;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pep-content-wrapper .page-section-block {\r\n            padding: 24px 12px;\r\n        }\r\n        .pep-content-wrapper .section-card {\r\n            padding: 24px 18px;\r\n            border-radius: var(--radius-m);\r\n        }\r\n        .pep-content-wrapper .nav-card {\r\n            flex: 1 1 100% !important;\r\n        }\r\n        .pep-content-wrapper .timeline-nodes {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .pep-content-wrapper .main-container {\r\n            padding: 24px 16px;\r\n        }\r\n        .pep-content-wrapper .page-section-block.has-bg-illustration {\r\n            padding-bottom: 80px;\r\n        }\r\n        .pep-content-wrapper .rounded-pill-item {\r\n            padding: 16px 20px;\r\n        }\r\n        .pep-content-wrapper .photo-gallery-grid,\r\n        .pep-content-wrapper .photo-gallery-grid-interactive {\r\n            flex-direction: column;\r\n            height: auto !important;\r\n        }\r\n        .pep-content-wrapper .gallery-card,\r\n        .pep-content-wrapper .gallery-card-item {\r\n            height: 220px !important;\r\n            flex: 1 1 100% !important;\r\n        }\r\n        .pep-content-wrapper .btn-play-youtube {\r\n            width: 100%;\r\n            padding: 14px 20px;\r\n            font-size: 1rem;\r\n        }\r\n        .pep-content-wrapper .btn-play-youtube:hover {\r\n            padding: 14px 20px;\r\n        }\r\n        .pep-content-wrapper .plenario-logo {\r\n            max-width: 120px;\r\n        }\r\n        .pep-content-wrapper .plenario-pill-badge {\r\n            padding: 14px 28px;\r\n        }\r\n        .pep-content-wrapper .badge-pill {\r\n            border-radius: 60px;\r\n            padding: 8px;\r\n        }\r\n        .pep-content-wrapper .badge-circle {\r\n            width: 70px;\r\n            height: 70px;\r\n            flex-basis: 70px;\r\n        }\r\n        .pep-content-wrapper .eje-label-title {\r\n            font-size: 12px;\r\n        }\r\n        .pep-content-wrapper .numero {\r\n            font-size: 28px;\r\n        }\r\n        .pep-content-wrapper .texto {\r\n            font-size: 14px;\r\n            margin-left: 12px;\r\n            padding-right: 8px;\r\n        }\r\n        .pep-content-wrapper .image-display-box-ejes-wrapper {\r\n            height: 240px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- CONTENEDOR GENERAL -->\r\n<div class=\"pep-content-wrapper\" id=\"plan-urbano-widget\">\r\n\r\n    <!-- SECCI\u00d3N 1: RESUMEN INTERACTIVO -->\r\n    <div class=\"hero-outer-container\" id=\"panel-tarjetas\">\r\n        <div class=\"main-container\">\r\n            <h2 class=\"apple-title\">As\u00ed construimos el diagn\u00f3stico de la ciudad.<\/h2>\r\n            <div class=\"cards-grid\">\r\n                <a href=\"#seccion-talleres-barriales\" class=\"nav-card\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"number\">11<\/span>\r\n                        <span class=\"label\">Talleres<br>Barriales<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/DSC_0145.JPG-scaled.jpeg\" alt=\"Talleres Barriales\" loading=\"eager\">\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#seccion-instituciones\" class=\"nav-card\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"number\">+50<\/span>\r\n                        <span class=\"label\">Entrevistas<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/macias.jpg\" alt=\"Entrevistas\" loading=\"eager\">\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#seccion-mesas-concertacion\" class=\"nav-card\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"number\">4<\/span>\r\n                        <span class=\"label\">Mesas de<br>Concertaci\u00f3n<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/DSC07982-scaled.jpeg\" alt=\"Mesas de Concertaci\u00f3n\" loading=\"eager\">\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#seccion-jornada-ciudadana\" class=\"nav-card\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"number\"><\/span>\r\n                        <span class=\"label\">Jornada<br>Ciudadana<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/1038920.jpg-scaled.jpeg\" alt=\"Jornada Ciudadana\" loading=\"eager\">\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#seccion-plenarios\" class=\"nav-card\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"number\">1\u00ba<\/span>\r\n                        <span class=\"label\">Plenario<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/cobertura-14.jpeg\" alt=\"Primer Plenario\" loading=\"eager\">\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"#seccion-segundo-plenario\" class=\"nav-card\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"number\">2\u00ba<\/span>\r\n                        <span class=\"label\">Plenario<\/span>\r\n                    <\/div>\r\n                    <div class=\"card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/10\/1414269.jpg-3-scaled.jpeg\" alt=\"Segundo Plenario\" loading=\"eager\">\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"timeline-container\">\r\n                <div class=\"timeline-line\"><\/div>\r\n                <div class=\"timeline-nodes\">\r\n                    <a href=\"#seccion-talleres-barriales\" class=\"timeline-node\">\r\n                        <div class=\"node-circle\">1<\/div>\r\n                    <\/a>\r\n                    <a href=\"#seccion-instituciones\" class=\"timeline-node\">\r\n                        <div class=\"node-circle\">2<\/div>\r\n                    <\/a>\r\n                    <a href=\"#seccion-mesas-concertacion\" class=\"timeline-node\">\r\n                        <div class=\"node-circle\">3<\/div>\r\n                    <\/a>\r\n                    <a href=\"#seccion-jornada-ciudadana\" class=\"timeline-node\">\r\n                        <div class=\"node-circle\">4<\/div>\r\n                    <\/a>\r\n                    <a href=\"#seccion-plenarios\" class=\"timeline-node\">\r\n                        <div class=\"node-circle\">5<\/div>\r\n                    <\/a>\r\n                    <a href=\"#seccion-segundo-plenario\" class=\"timeline-node\">\r\n                        <div class=\"node-circle\">6<\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <img decoding=\"async\" class=\"hero-transition-line\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/linea.png\" alt=\"Transici\u00f3n decorativa\" loading=\"eager\">\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 7: SEGUNDO PLENARIO -->\r\n    <div class=\"page-section-block\">\r\n        <section class=\"section-card\" id=\"seccion-segundo-plenario\">\r\n            <header class=\"plenario-hero-header\">\r\n                <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/logo-pep2035.png\" alt=\"Plan Estrat\u00e9gico Posadas 2035\" class=\"plenario-logo\" loading=\"lazy\">\r\n                <h2 class=\"plenario-main-title\">\r\n                    <span>Segundo Plenario<\/span>\r\n                    <span>Posadas 2035<\/span>\r\n                <\/h2>\r\n                <div class=\"plenario-pill-badge\">\r\n                    <span>Priorizar las acciones para<\/span>\r\n                    <span>transformar la ciudad<\/span>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <!-- Contadores num\u00e9ricos -->\r\n            <div class=\"apple-stat-block\">\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"20\" data-prefix=\"+\">+0<\/span>\r\n                    <span class=\"apple-stat-label\">Mesas de debate<\/span>\r\n                <\/div>\r\n                <div class=\"apple-stat-divider\"><\/div>\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"6\" data-prefix=\"\">0<\/span>\r\n                    <span class=\"apple-stat-label\">Ejes tem\u00e1ticos<\/span>\r\n                <\/div>\r\n                <div class=\"apple-stat-divider\"><\/div>\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"200\" data-prefix=\"+\">+0<\/span>\r\n                    <span class=\"apple-stat-label\">Participantes<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contenedor de Ejes Interactivos -->\r\n            <div class=\"ejes-content-container\">\r\n                <div class=\"pills-flex-container\">\r\n                    \r\n                    <!-- Fila Superior (Ejes 1, 2, 3) -->\r\n                    <div class=\"pills-row\">\r\n                        <div class=\"eje-boton\" data-eje=\"1\" tabindex=\"0\" role=\"button\">\r\n                            <div class=\"badge-pill pill-eje1\">\r\n                                <div class=\"badge-circle\">\r\n                                    <div class=\"eje-label-title\">EJE<\/div>\r\n                                    <div class=\"numero\">1<\/div>\r\n                                <\/div>\r\n                                <div class=\"texto\">Ambiente, sostenibilidad y resiliencia territorial<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"eje-boton\" data-eje=\"2\" tabindex=\"0\" role=\"button\">\r\n                            <div class=\"badge-pill pill-eje2\">\r\n                                <div class=\"badge-circle\">\r\n                                    <div class=\"eje-label-title\">EJE<\/div>\r\n                                    <div class=\"numero\">2<\/div>\r\n                                <\/div>\r\n                                <div class=\"texto\">Desarrollo econ\u00f3mico, empleo e innovaci\u00f3n<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"eje-boton\" data-eje=\"3\" tabindex=\"0\" role=\"button\">\r\n                            <div class=\"badge-pill pill-eje3\">\r\n                                <div class=\"badge-circle\">\r\n                                    <div class=\"eje-label-title\">EJE<\/div>\r\n                                    <div class=\"numero\">3<\/div>\r\n                                <\/div>\r\n                                <div class=\"texto\">Desarrollo urbano integrado, infraestructura y movilidad<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Fila Inferior (Ejes 4, 5, 6) -->\r\n                    <div class=\"pills-row\">\r\n                        <div class=\"eje-boton\" data-eje=\"4\" tabindex=\"0\" role=\"button\">\r\n                            <div class=\"badge-pill pill-eje4\">\r\n                                <div class=\"badge-circle\">\r\n                                    <div class=\"eje-label-title\">EJE<\/div>\r\n                                    <div class=\"numero\">4<\/div>\r\n                                <\/div>\r\n                                <div class=\"texto\">Cohesi\u00f3n social, bienestar e identidades<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"eje-boton\" data-eje=\"5\" tabindex=\"0\" role=\"button\">\r\n                            <div class=\"badge-pill pill-eje5\">\r\n                                <div class=\"badge-circle\">\r\n                                    <div class=\"eje-label-title\">EJE<\/div>\r\n                                    <div class=\"numero\">5<\/div>\r\n                                <\/div>\r\n                                <div class=\"texto\">Gobierno abierto, modernizaci\u00f3n y participaci\u00f3n ciudadana<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"eje-boton\" data-eje=\"6\" tabindex=\"0\" role=\"button\">\r\n                            <div class=\"badge-pill pill-eje6\">\r\n                                <div class=\"badge-circle\">\r\n                                    <div class=\"eje-label-title\">EJE<\/div>\r\n                                    <div class=\"numero\">6<\/div>\r\n                                <\/div>\r\n                                <div class=\"texto\">Integraci\u00f3n metropolitana y proyecci\u00f3n regional<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                \r\n                <!-- Caja de imagen -->\r\n                <div class=\"image-display-box-ejes-wrapper\">\r\n                    <div class=\"image-display-box-ejes\" aria-label=\"Visualizaci\u00f3n de los ejes\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 6: PRIMER PLENARIO -->\r\n    <div class=\"page-section-block\">\r\n        <section class=\"section-card\" id=\"seccion-plenarios\">\r\n            <header class=\"plenario-hero-header\">\r\n                <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/logo-pep2035.png\" alt=\"Plan Estrat\u00e9gico Posadas 2035\" class=\"plenario-logo\" loading=\"lazy\">\r\n                <h2 class=\"plenario-main-title\">\r\n                    <span>Primer Plenario<\/span>\r\n                    <span>Posadas 2035<\/span>\r\n                <\/h2>\r\n                <div class=\"plenario-pill-badge\">\r\n                    <span>Pensar la ciudad<\/span>\r\n                    <span>que queremos<\/span>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <div class=\"apple-stat-block\">\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"20\" data-prefix=\"\">0<\/span>\r\n                    <span class=\"apple-stat-label\">mesas de trabajo<\/span>\r\n                <\/div>\r\n                <div class=\"apple-stat-divider\"><\/div>\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"165\" data-prefix=\"+\">+0<\/span>\r\n                    <span class=\"apple-stat-label\">participantes<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"result-box\">\r\n                <span class=\"result-badge\">\r\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 20px;\" aria-hidden=\"true\">check_circle<\/span>\r\n                    Resultado\r\n                <\/span>\r\n                <p class=\"result-text\">Consolidaci\u00f3n de las bases estrat\u00e9gicas y priorizaci\u00f3n de l\u00edneas de acci\u00f3n conjuntas.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"photo-gallery-grid-interactive\">\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/cobertura-21.jpeg\" alt=\"Mesa de trabajo plenario 1\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/IMG_4354-scaled.jpg\" alt=\"Plenario interactivo ciudad 2\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/IMG_4189-scaled.jpg\" alt=\"Debate e intercambio 3\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 5: JORNADA DE PARTICIPACI\u00d3N CIUDADANA -->\r\n    <div class=\"page-section-block\">\r\n        <section class=\"section-card\" id=\"seccion-jornada-ciudadana\">\r\n            <header class=\"section-header\">\r\n                <h2 class=\"section-title\"> Jornada de Participaci\u00f3n Ciudadana<\/h2>\r\n            <\/header>\r\n\r\n            <div class=\"apple-stat-block\">\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"9\" data-prefix=\"\">0<\/span>\r\n                    <span class=\"apple-stat-label\">mesas de trabajo<\/span>\r\n                <\/div>\r\n                <div class=\"apple-stat-divider\"><\/div>\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"70\" data-prefix=\"+\">+0<\/span>\r\n                    <span class=\"apple-stat-label\">participantes<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"result-box\">\r\n                <span class=\"result-badge\">\r\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 20px;\" aria-hidden=\"true\">check_circle<\/span>\r\n                    Resultado\r\n                <\/span>\r\n                <p class=\"result-text\">Relevamiento directo de la percepci\u00f3n del Plan y prioridades vecinales.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"photo-gallery-grid-interactive tall-gallery\">\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" class=\"pan-image\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/1039053.jpg-2-scaled.jpeg\" alt=\"Jornada de participaci\u00f3n comunitaria en proceso\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 4: MESAS DE CONCERTACI\u00d3N LOCAL -->\r\n    <div class=\"page-section-block\">\r\n        <section class=\"section-card\" id=\"seccion-mesas-concertacion\">\r\n            <header class=\"section-header\" style=\"text-align: center;\">\r\n                <h2 class=\"section-title\">4 Mesas de concertaci\u00f3n local<\/h2>\r\n            <\/header>\r\n\r\n            <div class=\"apple-stat-block\">\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"246\" data-prefix=\"+\">+0<\/span>\r\n                    <span class=\"apple-stat-label\">participantes totales<\/span>\r\n                <\/div>\r\n                <div class=\"apple-stat-divider\"><\/div>\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"32\" data-prefix=\"\">0<\/span>\r\n                    <span class=\"apple-stat-label\">Mesas de trabajo<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"interactive-content-grid\">\r\n                <div class=\"pills-flex-container\">\r\n                    <div class=\"pills-row\">\r\n                        <div class=\"rounded-pill-item pill-1\">Inclusi\u00f3n Social e<br>Identidad Local<\/div>\r\n                        <div class=\"rounded-pill-item pill-2\">Modernizaci\u00f3n Municipal<br>y Participaci\u00f3n<\/div>\r\n                    <\/div>\r\n                    <div class=\"pills-row\">\r\n                        <div class=\"rounded-pill-item pill-3\">Integraci\u00f3n Urbana y<br>Calidad Ambiental<\/div>\r\n                        <div class=\"rounded-pill-item pill-4\">Competitividad, Empleo<br>e Innovaci\u00f3n<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"image-display-box\" aria-label=\"Visualizaci\u00f3n de las mesas\"><\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 3: REFERENTES INSTITUCIONALES -->\r\n    <div class=\"page-section-block\">\r\n        <section class=\"section-card\" id=\"seccion-instituciones\">\r\n            <header class=\"section-header\">\r\n                <h2 class=\"section-title\">+50 Referentes Institucionales<\/h2>\r\n                <p class=\"section-subtitle\">Permiti\u00f3 incorporar la mirada de representantes de distintos campos profesionales.<\/p>\r\n                <p class=\"section-highlight-text\">Ciencias sociales, aplicadas, de la salud, jur\u00eddicas, econ\u00f3micas y\/o administrativas, entre otras.<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"result-box\">\r\n                <span class=\"result-badge\">\r\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 20px;\" aria-hidden=\"true\">check_circle<\/span>\r\n                    Resultado\r\n                <\/span>\r\n                <p class=\"result-text\">Conocimiento t\u00e9cnico de Instituciones p\u00fablicas privadas y mixtas.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"photo-gallery-grid\">\r\n                <a href=\"https:\/\/youtu.be\/BRaIma1zteo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gallery-card\" title=\"Ver entrevista en YouTube\">\r\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/BRaIma1zteo\/maxresdefault.jpg\" alt=\"Entrevista 1\" loading=\"lazy\">\r\n                <\/a>\r\n                <a href=\"https:\/\/youtu.be\/T0rmZEvDzOg\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gallery-card\" title=\"Ver entrevista en YouTube\">\r\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/T0rmZEvDzOg\/maxresdefault.jpg\" alt=\"Entrevista 2\" loading=\"lazy\">\r\n                <\/a>\r\n                <a href=\"https:\/\/youtu.be\/yUjU3Ccx_GE\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gallery-card\" title=\"Ver entrevista en YouTube\">\r\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/yUjU3Ccx_GE\/maxresdefault.jpg\" alt=\"Entrevista 3\" loading=\"lazy\">\r\n                <\/a>\r\n                <a href=\"https:\/\/youtu.be\/5hfUJaGTcas\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gallery-card\" title=\"Ver entrevista en YouTube\">\r\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/5hfUJaGTcas\/maxresdefault.jpg\" alt=\"Entrevista 4\" loading=\"lazy\">\r\n                <\/a>\r\n                <a href=\"https:\/\/youtu.be\/TmWgQIKZ1iU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gallery-card\" title=\"Ver entrevista en YouTube\">\r\n                    <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/TmWgQIKZ1iU\/maxresdefault.jpg\" alt=\"Entrevista 5\" loading=\"lazy\">\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"cta-container\">\r\n                <a href=\"https:\/\/www.youtube.com\/playlist?list=PLXD53syoKsE7JvTNwr7ULTA55iBmEes53\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-play-youtube\">\r\n                    <span class=\"material-symbols-outlined\" aria-hidden=\"true\">smart_display<\/span>\r\n                    Ver todas\r\n                <\/a>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 2: TALLERES BARRIALES (\u00daLTIMA SECCI\u00d3N CON ILUSTRACIONES AL FINAL) -->\r\n    <div class=\"page-section-block has-bg-illustration\">\r\n        <section class=\"section-card\" id=\"seccion-talleres-barriales\">\r\n            <header class=\"section-header\" style=\"text-align: center;\">\r\n                <h2 class=\"section-title\">11 Talleres Barriales<\/h2>\r\n                <p class=\"section-subtitle\">Instancia que permiti\u00f3 conocer la realidad cotidiana de cada sector de la ciudad.<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"apple-stat-block\">\r\n                <div class=\"apple-stat-item\">\r\n                    <span class=\"apple-stat-number\" data-target=\"348\" data-prefix=\"\">0<\/span>\r\n                    <span class=\"apple-stat-label\">Barrios relevados t\u00e9cnicamente<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"result-box\">\r\n                <span class=\"result-badge\">\r\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 20px;\" aria-hidden=\"true\">check_circle<\/span>\r\n                    Resultado\r\n                <\/span>\r\n                <p class=\"result-text\">1 agenda de actuaci\u00f3n barrial para priorizar obras y servicios.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"photo-gallery-grid-interactive\">\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/1.jpg\" alt=\"Vecinos debatiendo en taller participativo 1\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/2.jpg\" alt=\"Vecinos debatiendo en taller participativo 2\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/18.jpg.jpeg\" alt=\"Vecinos debatiendo en taller participativo 3\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"gallery-card-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/14.jpg.jpeg\" alt=\"Vecinos debatiendo en taller participativo 4\" loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- BOT\u00d3N PARA VOLVER ARRIBA (UBICADO AL FINAL DE LA \u00daLTIMA TARJETA) -->\r\n            <div class=\"back-to-top-container\">\r\n                <a href=\"#panel-tarjetas\" class=\"back-to-top-btn\" title=\"Volver al inicio\">\r\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 28px;\" aria-hidden=\"true\">arrow_upward<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Ilustraciones decorativas de fondo (AQU\u00cd AL FINAL DE TODO EL WIDGET) -->\r\n        <img decoding=\"async\" class=\"outer-bg-line back\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/linea_02.png\" alt=\"Detalle decorativo posterior\" loading=\"lazy\">\r\n        <img decoding=\"async\" class=\"outer-bg-line front\" src=\"https:\/\/posadas.gov.ar\/planurbano\/wp-content\/uploads\/2026\/09\/linea.png\" alt=\"Detalle decorativo frontal\" loading=\"lazy\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- SCRIPTS UNIFICADOS: SMOOTH SCROLL, ANIMACI\u00d3N CONTABLE Y SELECCI\u00d3N DE EJES -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        const wrapper = document.getElementById('plan-urbano-widget');\r\n        if (!wrapper) return;\r\n\r\n        \/\/ 1. DESPLAZAMIENTO SUAVE\r\n        const anchorLinks = wrapper.querySelectorAll('a[href^=\"#\"]');\r\n        anchorLinks.forEach(link => {\r\n            link.addEventListener('click', (e) => {\r\n                const targetId = link.getAttribute('href');\r\n                if (targetId === '#') return;\r\n                \r\n                const targetElement = wrapper.querySelector(targetId);\r\n                if (targetElement) {\r\n                    e.preventDefault();\r\n                    targetElement.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ 2. ANIMACI\u00d3N CONTABLE NUM\u00c9RICA PARA TODAS LAS SECCIONES CON CONTADORES\r\n        const duration = 850;\r\n\r\n        const animateCounter = (counter) => {\r\n            const target = +counter.getAttribute('data-target');\r\n            const prefix = counter.getAttribute('data-prefix') || '';\r\n            const startTime = performance.now();\r\n\r\n            const updateCount = (currentTime) => {\r\n                const elapsedTime = currentTime - startTime;\r\n                const progress = Math.min(elapsedTime \/ duration, 1);\r\n                \r\n                const easeProgress = 1 - Math.pow(1 - progress, 2);\r\n                const currentVal = Math.floor(easeProgress * target);\r\n\r\n                counter.textContent = `${prefix}${currentVal}`;\r\n\r\n                if (progress < 1) {\r\n                    requestAnimationFrame(updateCount);\r\n                } else {\r\n                    counter.textContent = `${prefix}${target}`;\r\n                }\r\n            };\r\n\r\n            requestAnimationFrame(updateCount);\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const counters = entry.target.querySelectorAll('.apple-stat-number');\r\n                    counters.forEach(counter => animateCounter(counter));\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.3 });\r\n\r\n        const observedSections = wrapper.querySelectorAll('.section-card');\r\n        observedSections.forEach(sec => observer.observe(sec));\r\n\r\n        \/\/ 3. SELECCI\u00d3N\/INTERACTIVIDAD TOUCH Y TECLADO PARA EJES DEL SEGUNDO PLENARIO\r\n        const ejeButtons = wrapper.querySelectorAll('.eje-boton');\r\n        const imgBox = wrapper.querySelector('.image-display-box-ejes');\r\n\r\n        ejeButtons.forEach(btn => {\r\n            const handleSelect = () => {\r\n                const ejeNum = btn.getAttribute('data-eje');\r\n                ejeButtons.forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                if (imgBox) {\r\n                    imgBox.style.backgroundImage = `var(--img-eje${ejeNum})`;\r\n                    imgBox.style.opacity = '0.85';\r\n                }\r\n            };\r\n\r\n            btn.addEventListener('click', handleSelect);\r\n            btn.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                    e.preventDefault();\r\n                    handleSelect();\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Segundo PlenarioPosadas 2035 Priorizar las acciones paratransformar la ciudad Material de consulta folder As\u00ed construimos el diagn\u00f3stico de la ciudad. 11 TalleresBarriales +50 Entrevistas 4 Mesas deConcertaci\u00f3n JornadaCiudadana 1\u00ba Plenario 2\u00ba Plenario 1 2 3 4 5 6 Segundo Plenario Posadas 2035 Priorizar las acciones para transformar la ciudad +0 Mesas de debate 0 Ejes [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8470","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/pages\/8470"}],"collection":[{"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/comments?post=8470"}],"version-history":[{"count":76,"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/pages\/8470\/revisions"}],"predecessor-version":[{"id":8703,"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/pages\/8470\/revisions\/8703"}],"wp:attachment":[{"href":"https:\/\/posadas.gov.ar\/planurbano\/wp-json\/wp\/v2\/media?parent=8470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}