{"id":8143,"date":"2026-09-25T13:58:32","date_gmt":"2026-09-25T13:58:32","guid":{"rendered":"https:\/\/lagosdigital.cl\/comunidad\/?page_id=8143"},"modified":"2026-09-25T14:01:30","modified_gmt":"2026-09-25T14:01:30","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/lagosdigital.cl\/comunidad\/proyectos\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8143\" class=\"elementor elementor-8143\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af52617 e-con-full e-flex e-con e-parent\" data-id=\"af52617\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e673167 elementor-widget elementor-widget-html\" data-id=\"e673167\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  :root{\n    --ink:#1C2B3A; --ink-soft:#3A4A5C;\n    --orange:#E8672B; --orange-deep:#C94F1B; --orange-tint:#F6A15E;\n    --sand:#FCEFDD; --teal:#1D6E64;\n    --white:#FFFFFF; --line:rgba(28,43,58,.12);\n    --radius-lg:28px; --radius-md:18px;\n    --shadow:0 20px 45px -25px rgba(28,43,58,.35);\n    --maxw:1180px; --ease:cubic-bezier(.22,1,.36,1);\n  }\n  .proyectos-page *{box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  @media (prefers-reduced-motion: reduce){\n    html{scroll-behavior:auto;}\n    .proyectos-page *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}\n  }\n  .proyectos-page{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;}\n  .proyectos-page h1,.proyectos-page h2,.proyectos-page h3,.proyectos-page h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;line-height:1.1;margin:0;letter-spacing:-.01em;}\n  .proyectos-page p{margin:0;}\n  .proyectos-page a{color:inherit;text-decoration:none;}\n  .proyectos-page img{max-width:100%;display:block;}\n  .proyectos-page ul{margin:0;padding:0;list-style:none;}\n  .proyectos-page button{font:inherit;cursor:pointer;background:none;border:none;color:inherit;}\n  .proyectos-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}\n  .proyectos-page :focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px;}\n  .proyectos-page .icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}\n  .proyectos-page .icon .dot{fill:currentColor;stroke:none;}\n  .proyectos-page .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:100px;font-weight:700;font-size:.92rem;white-space:nowrap;transition:.25s var(--ease);}\n  .proyectos-page .btn-primary{background:var(--orange);color:#fff;}\n  .proyectos-page .btn-primary:hover{background:var(--orange-deep);transform:translateY(-2px);box-shadow:0 14px 24px -12px rgba(232,103,43,.55);}\n  .proyectos-page .btn svg{width:16px;height:16px;transition:transform .25s;}\n  .proyectos-page .btn:hover svg{transform:translateX(3px);}\n\n  \/* HERO *\/\n  .proyectos-page .hero{position:relative;overflow:hidden;background:var(--sand);padding:64px 0 40px;}\n  .proyectos-page .hero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(560px 460px at 90% 0%, rgba(232,103,43,.18), transparent 60%);pointer-events:none;}\n  .proyectos-page .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--orange-deep);font-weight:700;font-size:.86rem;margin-bottom:14px;}\n  .proyectos-page .kicker .bar{width:22px;height:3px;background:var(--orange);border-radius:2px;}\n  .proyectos-page .hero h1{position:relative;font-size:clamp(2.1rem,4vw,3.1rem);max-width:16ch;}\n  .proyectos-page .hero p.lead{position:relative;margin-top:16px;font-size:1.1rem;color:var(--ink-soft);max-width:50ch;}\n\n  \/* FILTERS *\/\n  .proyectos-page .filters-sec{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);padding:22px 0;}\n  .proyectos-page .filter-row{display:flex;gap:10px;flex-wrap:wrap;}\n  .proyectos-page .filter-pill{display:inline-flex;align-items:center;gap:10px;padding:11px 20px 11px 12px;border-radius:100px;border:1.5px solid var(--line);font-weight:700;font-size:.94rem;color:var(--ink-soft);transition:.25s var(--ease);}\n  .proyectos-page .filter-pill .pill-ico{width:30px;height:30px;border-radius:50%;background:var(--sand);color:var(--orange-deep);display:flex;align-items:center;justify-content:center;transition:.25s var(--ease);flex-shrink:0;}\n  .proyectos-page .filter-pill .pill-ico svg{width:16px;height:16px;}\n  .proyectos-page .filter-pill:hover{border-color:var(--orange);color:var(--ink);}\n  .proyectos-page .filter-pill.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 12px 22px -14px rgba(28,43,58,.6);}\n  .proyectos-page .filter-pill.active .pill-ico{background:var(--orange);color:#fff;}\n  .proyectos-page .subfilter-wrap{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}\n  .proyectos-page .subfilter-wrap.open{max-height:80px;}\n  .proyectos-page .subfilter-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;margin-top:14px;border-top:1px dashed var(--line);}\n  .proyectos-page .subfilter-pill{padding:8px 16px;border-radius:100px;background:var(--sand);font-weight:600;font-size:.86rem;color:var(--ink-soft);transition:.2s;}\n  .proyectos-page .subfilter-pill:hover{color:var(--orange-deep);}\n  .proyectos-page .subfilter-pill.active{background:var(--orange);color:#fff;}\n\n  \/* TIMELINE *\/\n  .proyectos-page .timeline-sec{padding:34px 0 6px;}\n  .proyectos-page .timeline-label{font-size:.8rem;color:var(--ink-soft);font-weight:600;margin-bottom:14px;}\n  .proyectos-page .timeline{position:relative;height:46px;}\n  .proyectos-page .timeline-track{position:absolute;top:22px;left:0;right:0;height:2px;background:var(--line);}\n  .proyectos-page .timeline-fill{position:absolute;top:22px;left:0;height:2px;background:var(--orange);transition:width .5s var(--ease);}\n  .proyectos-page .tl-marker{position:absolute;top:14px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--line);transform:translate(-50%,0);transition:.3s var(--ease);}\n  .proyectos-page .tl-marker.active{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 6px rgba(232,103,43,.18);transform:translate(-50%,0) scale(1.15);}\n  .proyectos-page .tl-year{position:absolute;top:36px;font-size:.72rem;color:var(--ink-soft);transform:translateX(-50%);white-space:nowrap;}\n  .proyectos-page .tl-marker.active + .tl-year{color:var(--orange-deep);font-weight:700;}\n\n  \/* DETAIL PANEL *\/\n  .proyectos-page .detail-sec{padding:44px 0 96px;}\n  .proyectos-page .detail-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start;}\n  .proyectos-page .detail-panel.enter{animation:panelIn .5s var(--ease);}\n  @keyframes panelIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n  .proyectos-page .detail-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;}\n  .proyectos-page .detail-ico{width:60px;height:60px;border-radius:18px;background:var(--sand);color:var(--orange-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.4s var(--ease);}\n  .proyectos-page .detail-ico.spin{animation:iconPop .5s var(--ease);}\n  @keyframes iconPop{0%{transform:scale(.7) rotate(-14deg);opacity:0;}100%{transform:scale(1) rotate(0);opacity:1;}}\n  .proyectos-page .detail-ico svg{width:30px;height:30px;}\n  .proyectos-page .detail-title h2{font-size:clamp(1.5rem,2.6vw,2rem);}\n  .proyectos-page .detail-year{display:inline-flex;margin-top:6px;padding:4px 12px;border-radius:100px;background:var(--sand);color:var(--orange-deep);font-weight:700;font-size:.78rem;}\n  .proyectos-page .detail-purpose{color:var(--ink-soft);font-size:1.05rem;max-width:60ch;}\n  .proyectos-page .detail-purpose + .detail-purpose{margin-top:12px;}\n  .proyectos-page .detail-linkbtn{margin-top:22px;}\n  .proyectos-page .detail-blocks{display:flex;flex-direction:column;gap:30px;margin-top:30px;}\n  .proyectos-page .block-title{font-size:1.05rem;margin-bottom:6px;}\n  .proyectos-page .block-intro{color:var(--ink-soft);font-size:.94rem;margin-bottom:12px;}\n  .proyectos-page .bl-list{display:flex;flex-direction:column;gap:10px;}\n  .proyectos-page .bl-list li{display:flex;gap:12px;padding:14px 16px;background:var(--sand);border-radius:14px;font-size:.94rem;color:var(--ink-soft);opacity:0;transform:translateY(8px);animation:blockUp .5s var(--ease) forwards;}\n  .proyectos-page .bl-list li .num{color:var(--orange-deep);font-weight:800;font-family:'Bricolage Grotesque';flex-shrink:0;}\n  @keyframes blockUp{to{opacity:1;transform:translateY(0);}}\n  .proyectos-page .bl-steps{display:flex;flex-direction:column;}\n  .proyectos-page .bl-steps .step{display:flex;gap:16px;padding:16px 0;border-left:2px solid var(--line);padding-left:22px;position:relative;opacity:0;transform:translateX(-10px);animation:stepIn .5s var(--ease) forwards;}\n  .proyectos-page .bl-steps .step::before{content:\"\";position:absolute;left:-7px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--orange);}\n  .proyectos-page .bl-steps .step:last-child{border-left-color:transparent;}\n  @keyframes stepIn{to{opacity:1;transform:translateX(0);}}\n  .proyectos-page .step-label{font-weight:700;font-size:.98rem;color:var(--ink);}\n  .proyectos-page .step-text{color:var(--ink-soft);font-size:.92rem;margin-top:3px;}\n  .proyectos-page .bl-pairs{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n  .proyectos-page .pair-card{background:var(--sand);border-radius:14px;padding:16px 18px;}\n  .proyectos-page .pair-card .step-label{color:var(--orange-deep);}\n  .proyectos-page .bl-text p{color:var(--ink-soft);font-size:.96rem;max-width:60ch;}\n\n  .proyectos-page .gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}\n  .proyectos-page .gallery-grid.n1{grid-template-columns:1fr;}\n  .proyectos-page .gallery-grid.n3 .g-item:first-child{grid-column:span 2;}\n  .proyectos-page .g-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4\/3;background:var(--sand);cursor:zoom-in;}\n  .proyectos-page .g-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}\n  .proyectos-page .g-item:hover img{transform:scale(1.07);}\n  .proyectos-page .g-item .g-zoom{position:absolute;bottom:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:.25s;}\n  .proyectos-page .g-item:hover .g-zoom{opacity:1;}\n  .proyectos-page .g-item .g-zoom svg{width:15px;height:15px;color:var(--ink);}\n  .proyectos-page .no-gallery{border:1.5px dashed var(--line);border-radius:16px;padding:34px 20px;text-align:center;color:var(--ink-soft);font-size:.9rem;}\n\n  \/* LIGHTBOX *\/\n  .proyectos-page .lightbox{position:fixed;inset:0;background:rgba(17,25,33,.92);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.3s;}\n  .proyectos-page .lightbox.open{opacity:1;visibility:visible;}\n  .proyectos-page .lightbox img{max-width:min(86vw,900px);max-height:80vh;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.5);}\n  .proyectos-page .lb-close, .proyectos-page .lb-prev, .proyectos-page .lb-next{position:absolute;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;transition:.2s;}\n  .proyectos-page .lb-close:hover, .proyectos-page .lb-prev:hover, .proyectos-page .lb-next:hover{background:var(--orange);}\n  .proyectos-page .lb-close{top:24px;right:24px;}\n  .proyectos-page .lb-close svg{width:18px;height:18px;}\n  .proyectos-page .lb-prev{left:20px;top:50%;transform:translateY(-50%);}\n  .proyectos-page .lb-next{right:20px;top:50%;transform:translateY(-50%);}\n  .proyectos-page .lb-prev svg, .proyectos-page .lb-next svg{width:20px;height:20px;}\n\n  @media (max-width:960px){\n    .proyectos-page .detail-panel{grid-template-columns:1fr;gap:30px;}\n    .proyectos-page .gallery-grid.n3 .g-item:first-child{grid-column:span 1;}\n  }\n  @media (max-width:560px){\n    .proyectos-page .bl-pairs{grid-template-columns:1fr;}\n  }\n<\/style>\n\n<div class=\"proyectos-page\">\n\n<svg style=\"display:none\" aria-hidden=\"true\">\n<defs>\n<symbol id=\"i-arrow\" viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"13 6 19 12 13 18\"\/><\/symbol>\n<symbol id=\"i-close\" viewBox=\"0 0 24 24\"><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><\/symbol>\n<symbol id=\"i-zoom\" viewBox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/><line x1=\"20\" y1=\"20\" x2=\"15.3\" y2=\"15.3\"\/><line x1=\"10.5\" y1=\"7.5\" x2=\"10.5\" y2=\"13.5\"\/><line x1=\"7.5\" y1=\"10.5\" x2=\"13.5\" y2=\"10.5\"\/><\/symbol>\n<symbol id=\"i-shield\" viewBox=\"0 0 48 48\"><path d=\"M24 6L38 11V22C38 32 32 38 24 42C16 38 10 32 10 22V11Z\"\/><line x1=\"24\" y1=\"18\" x2=\"24\" y2=\"28\"\/><line x1=\"19\" y1=\"23\" x2=\"29\" y2=\"23\"\/><\/symbol>\n<symbol id=\"i-megaphone\" viewBox=\"0 0 48 48\"><path d=\"M8 22V28C8 30 9.5 31 11.5 31H14L22 38V12L14 19H11.5C9.5 19 8 20 8 22Z\"\/><path d=\"M22 12L34 7V33L22 28\"\/><path d=\"M14 31L16 40\"\/><path d=\"M38 18C40 20 40 24 38 26\" stroke-linecap=\"round\"\/><\/symbol>\n<symbol id=\"i-doorheart\" viewBox=\"0 0 48 48\"><path d=\"M12 40V14C12 10 15 8 19 8H29C33 8 36 10 36 14V40\"\/><line x1=\"8\" y1=\"40\" x2=\"40\" y2=\"40\"\/><path d=\"M24 26C22.5 24 19 24.3 19 27.3C19 30 24 33 24 33C24 33 29 30 29 27.3C29 24.3 25.5 24 24 26Z\"\/><\/symbol>\n<symbol id=\"i-roots\" viewBox=\"0 0 48 48\"><circle cx=\"24\" cy=\"12\" r=\"5\"\/><line x1=\"24\" y1=\"17\" x2=\"24\" y2=\"26\"\/><path d=\"M24 26C24 26 14 28 11 38\"\/><path d=\"M24 26C24 26 34 28 37 38\"\/><path d=\"M24 26C24 26 24 32 24 42\"\/><\/symbol>\n<symbol id=\"i-hands\" viewBox=\"0 0 48 48\"><path d=\"M8 26C8 20 12 15 18 15C21 15 23 16.5 24 18\"\/><path d=\"M40 26C40 20 36 15 30 15C27 15 25 16.5 24 18\"\/><circle class=\"dot\" cx=\"24\" cy=\"18\" r=\"2\"\/><path d=\"M8 26C8 33 14 39 24 39C34 39 40 33 40 26\"\/><path d=\"M18 27L24 31L30 27\"\/><\/symbol>\n<symbol id=\"i-childheart\" viewBox=\"0 0 48 48\"><circle cx=\"24\" cy=\"12\" r=\"6\"\/><path d=\"M12 40C12 30 17 25 24 25C31 25 36 30 36 40\"\/><path d=\"M24 30C22.5 28 19.5 28.3 19.5 31.3C19.5 34 24 37 24 37C24 37 28.5 34 28.5 31.3C28.5 28.3 25.5 28 24 30Z\"\/><\/symbol>\n<symbol id=\"i-keydoor\" viewBox=\"0 0 48 48\"><circle cx=\"15\" cy=\"24\" r=\"7\"\/><line x1=\"21\" y1=\"24\" x2=\"40\" y2=\"24\"\/><line x1=\"33\" y1=\"24\" x2=\"33\" y2=\"30\"\/><line x1=\"38\" y1=\"24\" x2=\"38\" y2=\"29\"\/><\/symbol>\n<symbol id=\"i-homeline\" viewBox=\"0 0 48 48\"><path d=\"M9 24L24 10L39 24\"\/><path d=\"M14 21V38H34V21\"\/><line x1=\"6\" y1=\"40\" x2=\"42\" y2=\"40\"\/><\/symbol>\n<\/defs>\n<\/svg>\n\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <span class=\"kicker\"><span class=\"bar\"><\/span>Qu\u00e9 hacemos \/ Proyectos<\/span>\n    <h1>Proyectos<\/h1>\n    <p class=\"lead\">Conoce nuestras iniciativas y redes de colaboraci\u00f3n. Filtra para descubrir c\u00f3mo cada proyecto conecta, prepara y moviliza a la sociedad civil.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"filters-sec\">\n  <div class=\"wrap\">\n    <div class=\"filter-row\" id=\"filterRow\" role=\"tablist\" aria-label=\"Filtrar proyectos\"><\/div>\n    <div class=\"subfilter-wrap\" id=\"subfilterWrap\">\n      <div class=\"subfilter-row\" id=\"subfilterRow\" role=\"tablist\" aria-label=\"Programas Juntos\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"timeline-sec\">\n  <div class=\"wrap\">\n    <div class=\"timeline-label\">L\u00ednea de tiempo de la red<\/div>\n    <div class=\"timeline\" id=\"timeline\"><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"detail-sec\">\n  <div class=\"wrap\">\n    <div class=\"detail-panel\" id=\"detailPanel\"><\/div>\n  <\/div>\n<\/section>\n\n<div class=\"lightbox\" id=\"lightbox\">\n  <button class=\"lb-close\" id=\"lbClose\" aria-label=\"Cerrar\"><svg class=\"icon\"><use href=\"#i-close\"\/><\/svg><\/button>\n  <button class=\"lb-prev\" id=\"lbPrev\" aria-label=\"Anterior\"><svg class=\"icon\"><use href=\"#i-arrow\" style=\"transform:scaleX(-1)\"\/><\/svg><\/button>\n  <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"\">\n  <button class=\"lb-next\" id=\"lbNext\" aria-label=\"Siguiente\"><svg class=\"icon\"><use href=\"#i-arrow\"\/><\/svg><\/button>\n<\/div>\n\n<\/div>\n\n<script>\n\/* ============ DATA ============ *\/\nconst PROJECTS = [\n  {\n    id:'movidos', icon:'i-shield', name:'MovidosxChile', year:2017,\n    purpose:['Articular a organizaciones para responder coordinados frente a desastres en Chile.'],\n    link:{label:'movidosxchile.cl', url:'https:\/\/www.movidosxchile.cl'},\n    blocks:[\n      {type:'list', title:'Modelo de Trabajo', intro:'Desarrollamos nuestro trabajo en cuatro l\u00edneas de acci\u00f3n:', items:[\n        'Desde la coordinaci\u00f3n social, aportando al fortalecimiento de la red y la vinculaci\u00f3n con el territorio.',\n        'Desde la coordinaci\u00f3n log\u00edstica, con el desarrollo de procedimientos y herramientas digitales.',\n        'Desde la coordinaci\u00f3n comunicacional, concientizando e informando.',\n        'Desde la coordinaci\u00f3n de alianzas, vinculando al Estado, las organizaciones de la sociedad civil y el sector privado.'\n      ]},\n      {type:'steps', title:'C\u00f3mo lo hacemos', items:[\n        {label:'Conectando', text:'Organizaciones, comunidades, entes p\u00fablicos y privados.'},\n        {label:'Preparando', text:'Instalamos capacidades para responder a desastres en comunidades y organizaciones de la red.'},\n        {label:'Movilizando', text:'Las capacidades y recursos para preparar y responder en emergencias y desastres.'}\n      ]}\n    ],\n    images:[\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Movidos-1.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Movidos-2-scaled.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Movidos-3-scaled.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Movidos-4-scaled.jpg'\n    ]\n  },\n  {\n    id:'pobreza', icon:'i-megaphone', name:'Comunicaci\u00f3n y Pobreza', year:2004,\n    purpose:[\n      'Alianza integrada por la Comunidad de Organizaciones Solidarias, la Fundaci\u00f3n Superaci\u00f3n de la Pobreza \u2013 Servicio Pa\u00eds, Am\u00e9rica Solidaria, Colunga, 3xi y Avina.',\n      'Buscamos generar un cambio de mirada que permita acercar a la opini\u00f3n p\u00fablica a una comprensi\u00f3n m\u00e1s integral del fen\u00f3meno de la pobreza y las estrategias para superarla, sin prejuicios y sin discriminaci\u00f3n.'\n    ],\n    link:{label:'comunicacionypobreza.cl', url:'https:\/\/comunicacionypobreza.cl\/'},\n    blocks:[\n      {type:'list', title:'Modelo de Trabajo', items:[\n        'Investigaci\u00f3n de las tendencias informativas respecto al tratamiento de los temas pobreza y exclusi\u00f3n en los medios de comunicaci\u00f3n y en la opini\u00f3n p\u00fablica.',\n        'Promoci\u00f3n de la vinculaci\u00f3n de los medios de comunicaci\u00f3n, los expertos, la ciudadan\u00eda organizada y los organismos p\u00fablicos con los temas asociados a la pobreza y la exclusi\u00f3n social.',\n        'Distinci\u00f3n de periodistas que contribuyan, a trav\u00e9s de sus trabajos informativos, a cambiar la mirada sobre la pobreza y la exclusi\u00f3n social.'\n      ]}\n    ],\n    images:[\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Pobreza-y-Comunicacion.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Pobreza-y-comunicacion-2.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Pobreza-y-comunicacion-3.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Pobreza-y-comunicacion-4.jpg'\n    ]\n  },\n  {\n    id:'dps', icon:'i-doorheart', name:'D\u00eda del Patrimonio Social', year:2024,\n    purpose:['Celebrar nuestro Patrimonio Social: la solidaridad. Un reconocimiento al aporte de miles de personas, organizaciones, instituciones y empresas que trabajan diariamente por el bienestar colectivo.'],\n    link:{label:'diadelpatrimoniosocial.cl', url:'https:\/\/diadelpatrimoniosocial.cl\/'},\n    blocks:[\n      {type:'text', title:'\u00bfQu\u00e9 es?', text:'Una iniciativa ciudadana que busca reconocer, visibilizar y celebrar que dar est\u00e1 en nuestra naturaleza. Promueve acciones concretas de colaboraci\u00f3n, voluntariado y compromiso con el bien com\u00fan.'},\n      {type:'list', title:'C\u00f3mo lo hacemos', items:[\n        'Convocando actividades solidarias en todo el pa\u00eds.',\n        'Movilizando a organizaciones de la sociedad civil, empresas, instituciones educativas y ciudadan\u00eda.',\n        'Difundiendo historias e iniciativas que inspiran compromiso social.',\n        'Promoviendo la colaboraci\u00f3n entre distintos actores para abordar desaf\u00edos comunes.'\n      ]},\n      {type:'text', title:'Impacto', text:'Desde su creaci\u00f3n, miles de personas y organizaciones se han sumado a esta celebraci\u00f3n a trav\u00e9s de voluntariado, encuentros comunitarios, cuidado del medioambiente e iniciativas educativas en distintos territorios del pa\u00eds.'},\n      {type:'text', title:'Aliados', text:'Impulsado por la Comunidad de Organizaciones Solidarias junto a una amplia red de fundaciones, empresas, instituciones y medios de comunicaci\u00f3n comprometidos con una sociedad m\u00e1s solidaria.'}\n    ],\n    images:[\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/DPS-scaled.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/DPS-2-scaled.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/DPS-3-scaled.jpg',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/DPS-4-scaled.jpg'\n    ]\n  },\n  {\n    id:'coterraneos', icon:'i-roots', name:'Coterr\u00e1neos', year:2022,\n    purpose:['Reunir a personas y organizaciones que comparten la convicci\u00f3n de que cada territorio puede convertirse en el mejor lugar para vivir, crecer y proyectar el futuro, fortaleciendo el desarrollo local desde las propias comunidades.'],\n    link:{label:'coterraneos.cl', url:'https:\/\/coterraneos.cl\/'},\n    blocks:[\n      {type:'text', title:'\u00bfQu\u00e9 es?', text:'Un movimiento que impulsa el desarrollo de Fundaciones Territoriales en Chile, promoviendo comunidades m\u00e1s fuertes, conectadas y capaces de liderar su propio desarrollo.'},\n      {type:'list', title:'C\u00f3mo lo hacemos', items:[\n        'Promoviendo la creaci\u00f3n de Fundaciones Territoriales.',\n        'Conectando personas, organizaciones, empresas y recursos locales.',\n        'Impulsando procesos de participaci\u00f3n ciudadana y gobernanza comunitaria.',\n        'Acompa\u00f1ando la construcci\u00f3n de agendas de desarrollo territorial sostenibles.',\n        'Fortaleciendo capacidades locales para enfrentar desaf\u00edos sociales, econ\u00f3micos y ambientales.'\n      ]}\n    ],\n    images:[\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Coterraneos-1.png',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Coterraneos-2.png',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Coterraneos-3.png',\n      'https:\/\/lagosdigital.cl\/comunidad\/wp-content\/uploads\/2026\/06\/Coterraneos-4.png'\n    ]\n  },\n  {\n    id:'juntos', icon:'i-hands', name:'Proyectos Juntos', isGroup:true,\n    sub:[\n      {\n        id:'infancia', icon:'i-childheart', name:'Juntos x la Infancia', year:2017,\n        purpose:['Mejorar la calidad de vida de ni\u00f1os, ni\u00f1as y j\u00f3venes que viven en residencias de organismos colaboradores de SENAME, a trav\u00e9s de alianzas de colaboraci\u00f3n con empresas territorialmente cercanas.'],\n        link:{label:'juntosporlainfancia.cl', url:'https:\/\/www.juntosporlainfancia.cl\/'},\n        blocks:[\n          {type:'steps', title:'Modelo de Trabajo', items:[\n            {label:'Conocer', text:'Se realiza un diagn\u00f3stico de l\u00ednea base de la residencia en cinco dimensiones: gesti\u00f3n institucional, capacitaci\u00f3n de equipos, infraestructura y habitabilidad, acompa\u00f1amiento y actividades de tiempo libre, y financiamiento.'},\n            {label:'Vincular', text:'A partir de la l\u00ednea base, se establece una alianza con una empresa local guiada por una ruta de trabajo conjunta, fortaleciendo redes y capital social para la residencia y sus ni\u00f1os y ni\u00f1as.'},\n            {label:'Mejorar', text:'Se lleva a cabo el acompa\u00f1amiento efectivo junto a la empresa y la residencia, ejecutando el plan de trabajo para mejorar los est\u00e1ndares de calidad.'}\n          ]}\n        ],\n        images:[]\n      },\n      {\n        id:'reinsercion', icon:'i-keydoor', name:'Juntos x la Reinserci\u00f3n', year:'2018',\n        purpose:['Disminuir la reincidencia delictual mediante un programa de reinserci\u00f3n socio laboral de privados de libertad, trabajando el perfil psico conductual, la capacitaci\u00f3n, la colocaci\u00f3n y el acompa\u00f1amiento laboral.'],\n        link:{label:'juntosporlareinsercion.cl', url:'https:\/\/www.juntosporlareinsercion.cl\/'},\n        blocks:[\n          {type:'steps', title:'Modelo de Trabajo', items:[\n            {label:'Vinculando', text:'Invitamos a organizaciones de la sociedad civil y emprendimientos que trabajan por la reinserci\u00f3n social a unirse a la red y articularse con otros actores relevantes.'},\n            {label:'Fortaleciendo', text:'Somos un equipo de soporte que apoya en intermediaci\u00f3n laboral, consecuci\u00f3n de recursos, difusi\u00f3n y alianzas que fortalezcan a las organizaciones.'},\n            {label:'Voz com\u00fan para incidir', text:'Construimos una voz com\u00fan para realizar propuestas y observaciones a las pol\u00edticas p\u00fablicas relacionadas con la reinserci\u00f3n social.'}\n          ]}\n        ],\n        images:[]\n      },\n      {\n        id:'calle', icon:'i-homeline', name:'Juntos en la Calle', year:'2019',\n        purpose:['Solucionar la situaci\u00f3n de calle a trav\u00e9s de una red territorial articulada, con apoyo empresarial y di\u00e1logo con el sector p\u00fablico, para potenciar talentos y co-construir soluciones concretas.'],\n        blocks:[\n          {type:'list', title:'Modelo de Trabajo', intro:'Invitamos a las empresas a encontrarse y vincularse con las personas que viven en la calle, co-laborando con las fundaciones que trabajan por la superaci\u00f3n de este problema, en seis \u00e1mbitos:', items:[\n            'Estrategia, dise\u00f1o organizacional y apoyo a la gesti\u00f3n.',\n            'Formaci\u00f3n y capacitaci\u00f3n de equipos t\u00e9cnicos.',\n            'Desarrollo de innovaci\u00f3n.',\n            'Inclusi\u00f3n laboral de personas en situaci\u00f3n de calle.',\n            'Mejoras en infraestructura e inmuebles.'\n          ]},\n          {type:'pairs', title:'\u00bfCon qui\u00e9n trabajamos?', items:[\n            {label:'Sociedad Civil', text:'Fundaciones y corporaciones sin fines de lucro que reportan su estado de resultados auditado y trabajan por la superaci\u00f3n de la situaci\u00f3n de calle. Hasta el momento contamos con 7.'},\n            {label:'Empresas', text:'Territorialmente cercanas y\/o motivadas en apoyar en alguna de las \u00e1reas de trabajo.'}\n          ]}\n        ],\n        images:[]\n      }\n    ]\n  }\n];\n\nconst MAIN = PROJECTS;\nlet activeMainId = MAIN[0].id;\nlet activeSubId = null;\n\n\/* ============ RENDER FILTERS ============ *\/\nconst filterRow = document.getElementById('filterRow');\nMAIN.forEach(p => {\n  const pill = document.createElement('button');\n  pill.className = 'filter-pill';\n  pill.dataset.id = p.id;\n  pill.setAttribute('role','tab');\n  pill.innerHTML = `<span class=\"pill-ico\"><svg class=\"icon\"><use href=\"#${p.icon}\"\/><\/svg><\/span>${p.name}`;\n  pill.addEventListener('click', () => selectMain(p.id));\n  filterRow.appendChild(pill);\n});\n\nconst subfilterWrap = document.getElementById('subfilterWrap');\nconst subfilterRow = document.getElementById('subfilterRow');\n\nfunction selectMain(id, keepSub){\n  activeMainId = id;\n  const proj = MAIN.find(p => p.id === id);\n  document.querySelectorAll('.filter-pill').forEach(el => el.classList.toggle('active', el.dataset.id === id));\n\n  if(proj.isGroup){\n    subfilterRow.innerHTML = '';\n    proj.sub.forEach((s,i) => {\n      const sp = document.createElement('button');\n      sp.className = 'subfilter-pill';\n      sp.dataset.id = s.id;\n      sp.textContent = s.name;\n      sp.addEventListener('click', () => { activeSubId = s.id; renderSubActive(); renderDetail(s); updateTimeline(s.year, s.id); });\n      subfilterRow.appendChild(sp);\n    });\n    subfilterWrap.classList.add('open');\n    activeSubId = (keepSub && proj.sub.some(s=>s.id===activeSubId)) ? activeSubId : proj.sub[0].id;\n    renderSubActive();\n    const activeSub = proj.sub.find(s => s.id === activeSubId);\n    renderDetail(activeSub);\n    updateTimeline(activeSub.year, activeSub.id);\n  } else {\n    subfilterWrap.classList.remove('open');\n    activeSubId = null;\n    renderDetail(proj);\n    updateTimeline(proj.year, proj.id);\n  }\n}\nfunction renderSubActive(){\n  subfilterRow.querySelectorAll('.subfilter-pill').forEach(el => el.classList.toggle('active', el.dataset.id === activeSubId));\n}\n\n\/* ============ TIMELINE ============ *\/\nconst timelineEl = document.getElementById('timeline');\nconst allTimed = [];\nMAIN.forEach(p => { if(p.isGroup){ p.sub.forEach(s => allTimed.push(s)); } else { allTimed.push(p); } });\nconst years = allTimed.map(p => parseInt(p.year,10));\nconst minY = Math.min(...years), maxY = Math.max(...years);\nconst track = document.createElement('div'); track.className='timeline-track'; timelineEl.appendChild(track);\nconst fill = document.createElement('div'); fill.className='timeline-fill'; fill.id='timelineFill'; timelineEl.appendChild(fill);\nallTimed.forEach(p => {\n  const pct = maxY===minY ? 50 : ((parseInt(p.year,10) - minY) \/ (maxY - minY)) * 100;\n  const m = document.createElement('div'); m.className='tl-marker'; m.dataset.id=p.id; m.style.left = pct+'%';\n  m.title = p.name + ' \u00b7 ' + p.year;\n  timelineEl.appendChild(m);\n  const y = document.createElement('div'); y.className='tl-year'; y.style.left = pct+'%'; y.textContent = p.year;\n  timelineEl.appendChild(y);\n});\nfunction updateTimeline(year, id){\n  const pct = maxY===minY ? 50 : ((parseInt(year,10) - minY) \/ (maxY - minY)) * 100;\n  document.getElementById('timelineFill').style.width = pct+'%';\n  timelineEl.querySelectorAll('.tl-marker').forEach(m => m.classList.toggle('active', m.dataset.id === id));\n}\n\n\/* ============ DETAIL RENDER ============ *\/\nconst detailPanel = document.getElementById('detailPanel');\nconst reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nfunction blockHTML(block, offset){\n  let inner = '';\n  if(block.type === 'list'){\n    inner = `<div class=\"block-title\">${block.title}<\/div>` +\n      (block.intro ? `<div class=\"block-intro\">${block.intro}<\/div>` : '') +\n      `<ul class=\"bl-list\">` + block.items.map((it,i) => `<li style=\"animation-delay:${(offset+i)*70}ms\"><span class=\"num\">${String(i+1).padStart(2,'0')}<\/span><span>${it}<\/span><\/li>`).join('') + `<\/ul>`;\n  } else if(block.type === 'steps'){\n    inner = `<div class=\"block-title\">${block.title}<\/div><div class=\"bl-steps\">` +\n      block.items.map((it,i) => `<div class=\"step\" style=\"animation-delay:${(offset+i)*90}ms\"><div><div class=\"step-label\">${it.label}<\/div><div class=\"step-text\">${it.text}<\/div><\/div><\/div>`).join('') + `<\/div>`;\n  } else if(block.type === 'pairs'){\n    inner = `<div class=\"block-title\">${block.title}<\/div><div class=\"bl-pairs\">` +\n      block.items.map(it => `<div class=\"pair-card\"><div class=\"step-label\">${it.label}<\/div><div class=\"step-text\">${it.text}<\/div><\/div>`).join('') + `<\/div>`;\n  } else if(block.type === 'text'){\n    inner = `<div class=\"block-title\">${block.title}<\/div><div class=\"bl-text\"><p>${block.text}<\/p><\/div>`;\n  }\n  return `<div class=\"detail-block\">${inner}<\/div>`;\n}\n\nlet currentImages = [];\nlet lbIndex = 0;\n\nfunction renderDetail(proj){\n  const galleryHTML = (!proj.images || proj.images.length === 0)\n    ? `<div class=\"no-gallery\">Este proyecto a\u00fan no cuenta con registro fotogr\u00e1fico publicado.<\/div>`\n    : `<div class=\"gallery-grid ${proj.images.length===1?'n1':proj.images.length===3?'n3':''}\">` +\n        proj.images.map((src,i) => `<button class=\"g-item\" data-idx=\"${i}\" aria-label=\"Ampliar imagen ${i+1}\"><img decoding=\"async\" src=\"${src}\" alt=\"${proj.name}\" loading=\"lazy\"><span class=\"g-zoom\"><svg class=\"icon\"><use href=\"#i-zoom\"\/><\/svg><\/span><\/button>`).join('') +\n      `<\/div>`;\n\n  detailPanel.innerHTML = `\n    <div>\n      <div class=\"detail-head\">\n        <div class=\"detail-ico ${reduceMotion?'':'spin'}\"><svg class=\"icon\"><use href=\"#${proj.icon}\"\/><\/svg><\/div>\n        <div class=\"detail-title\">\n          <h2>${proj.name}<\/h2>\n          <span class=\"detail-year\">A\u00f1o inicio: ${proj.year}<\/span>\n        <\/div>\n      <\/div>\n      ${proj.purpose.map(p => `<p class=\"detail-purpose\">${p}<\/p>`).join('')}\n      ${proj.link ? `<div class=\"detail-linkbtn\"><a class=\"btn btn-primary\" href=\"${proj.link.url}\" target=\"_blank\" rel=\"noopener\">${proj.link.label} <svg class=\"icon\"><use href=\"#i-arrow\"\/><\/svg><\/a><\/div>` : ''}\n      <div class=\"detail-blocks\">\n        ${proj.blocks.map((b,i) => blockHTML(b, i*2)).join('')}\n      <\/div>\n    <\/div>\n    <div>${galleryHTML}<\/div>\n  `;\n  detailPanel.classList.remove('enter');\n  void detailPanel.offsetWidth;\n  detailPanel.classList.add('enter');\n\n  currentImages = proj.images || [];\n  detailPanel.querySelectorAll('.g-item').forEach(btn => {\n    btn.addEventListener('click', () => openLightbox(parseInt(btn.dataset.idx,10)));\n  });\n}\n\n\/* ============ LIGHTBOX ============ *\/\nconst lightbox = document.getElementById('lightbox');\nconst lbImg = document.getElementById('lbImg');\nfunction openLightbox(i){ lbIndex = i; lbImg.src = currentImages[i]; lightbox.classList.add('open'); }\nfunction closeLightbox(){ lightbox.classList.remove('open'); }\nfunction stepLightbox(d){ lbIndex = (lbIndex + d + currentImages.length) % currentImages.length; lbImg.src = currentImages[lbIndex]; }\ndocument.getElementById('lbClose').addEventListener('click', closeLightbox);\ndocument.getElementById('lbPrev').addEventListener('click', () => stepLightbox(-1));\ndocument.getElementById('lbNext').addEventListener('click', () => stepLightbox(1));\nlightbox.addEventListener('click', e => { if(e.target === lightbox) closeLightbox(); });\ndocument.addEventListener('keydown', e => {\n  if(!lightbox.classList.contains('open')) return;\n  if(e.key === 'Escape') closeLightbox();\n  if(e.key === 'ArrowRight') stepLightbox(1);\n  if(e.key === 'ArrowLeft') stepLightbox(-1);\n});\n\n\/* ============ INIT ============ *\/\nselectMain(activeMainId);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 hacemos \/ Proyectos Proyectos Conoce nuestras iniciativas y redes de colaboraci\u00f3n. Filtra para descubrir c\u00f3mo cada proyecto conecta, prepara y moviliza a la sociedad civil. L\u00ednea de tiempo de la red<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/pages\/8143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/comments?post=8143"}],"version-history":[{"count":7,"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/pages\/8143\/revisions"}],"predecessor-version":[{"id":8153,"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/pages\/8143\/revisions\/8153"}],"wp:attachment":[{"href":"https:\/\/lagosdigital.cl\/comunidad\/wp-json\/wp\/v2\/media?parent=8143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}