Contenido principal
icono menú
icono menú
Quiénes somos
Misión y visión
Dirección Nacional
Direcciones Regionales
Consejo de expertos
Preguntas sobre el Servicio
Agenda pública
Programas
Oferta programática
Diagnóstico Clínico Especializado y Pericia
Fortalecimiento y vinculación
Intervenciones ambulatorias
Cuidado alternativo
Adopción
Participación
Niños, niñas y adolescentes
COSOC
Cuenta Pública Participativa 2025
Grupo para el fortalecimiento de Familias de Acogida
Grupo para la interrupción temprana de trayectorias transgresoras
Hacia una mayor protección
Colaboradores
Acreditación
Colaboradores acreditados
Concursos
Marco técnico
Supervisión y fiscalización
Consulta Pública
Consulta Colaboradores 2025
Estudios
Academia Conectando Saberes
Publicaciones
Estadísticas
Anuarios Estadísticos
Información para investigadores
Noticias
Noticias del Servicio
Prensa
Archivo
lupa
cerrar lupa
Buscar
Loading...
icono menú
Atención ciudadana
Programas
Compartir
icono
Inicio
/
Programas
/
Oferta programática
Alerta: hay 2 cajas que no se podrán desplegar
Oferta programática mayo 2026
Publicado: 15 de mayo de 2026
+a
Agrandar texto
-a
Agrandar texto
Subir
<!-- <ul id="menu_quienes_somos"class="dropdown-menu shadow-sm"> {{#eidox}} <li><a class="dropdown-item {{#active}} active {{/active}} pnid-{{valor-menu.pnid}} pvid-{{valor-menu.pvid}} cid-{{valor-menu.cid}}" href="{{valor-menu.url}}">{{valor-menu.cont}}</a></li> {{/eidox}} </ul> -->
<!-- <ul id="menu_programas"class="dropdown-menu shadow-sm "> {{#eidox}} <li><a class="dropdown-item {{#active}} active {{/active}} pnid-{{valor-menu.pnid}} pvid-{{valor-menu.pvid}} cid-{{valor-menu.cid}}" href="{{valor-menu.url}}">{{valor-menu.cont}}</a></li> {{/eidox}} </ul> -->
<!-- <ul id="menu_estudios"class="dropdown-menu shadow-sm "> {{#eidox}} <li><a class="dropdown-item {{#active}} active {{/active}} pnid-{{valor-menu.pnid}} pvid-{{valor-menu.pvid}} cid-{{valor-menu.cid}}" href="{{valor-menu.url}}">{{valor-menu.cont}}</a></li> {{/eidox}} </ul> -->
<!-- <ul id="menu_participacion"class="dropdown-menu shadow-sm "> {{#eidox}} <li><a class="dropdown-item {{#active}} active {{/active}} pnid-{{valor-menu.pnid}} pvid-{{valor-menu.pvid}} cid-{{valor-menu.cid}}" href="{{valor-menu.url}}">{{valor-menu.cont}}</a></li> {{/eidox}} </ul> -->
<!-- <ul id="menu_colaboradores"class="dropdown-menu shadow-sm "> {{#eidox}} <li><a class="dropdown-item {{#active}} active {{/active}} pnid-{{valor-menu.pnid}} pvid-{{valor-menu.pvid}} cid-{{valor-menu.cid}}" href="{{valor-menu.url}}">{{valor-menu.cont}}</a></li> {{/eidox}} </ul> -->
<!-- <ul id="menu_noticias"class="dropdown-menu shadow-sm "> {{#eidox}} <li><a class="dropdown-item {{#active}} active {{/active}} pnid-{{valor-menu.pnid}} pvid-{{valor-menu.pvid}} cid-{{valor-menu.cid}}" href="{{valor-menu.url}}">{{valor-menu.cont}}</a></li> {{/eidox}} </ul> -->
<!-- <div class="container"> <div id="mn_home_marquesina" class="h-100 pb-lg-5 py-3"> <div class="efecto-bg pb-lg-5"> {{#eidox}} <div class="row"> <div class="col-lg-6 animate__animated animate__fadeInLeft animate__slow ntg-delay-1"> {{#figure}} <img src="{{img_url}}" class="img-fluid pt-5 cid-{{figure.cid}} aid-{{figure.aid}}" alt="{{img_alt}}"> {{/figure}} </div> <div class="col-lg-6 d-flex align-items-center text-center px-lg-5 animate__animated animate__fadeInRight animate__slow ntg-delay-2"> <div class="cuerpo-marquesina"> {{#titulo-img}} <img src="{{img_url}}" class="d-none img-fluid cid-{{figure.cid}} aid-{{figure.aid}}" alt="{{img_alt}}"> {{/titulo-img}} <h1 class="text-primary text-start card-title h1 mt-3 cid-{{titulo.cid}} aid-{{titulo.aid}}">{{{titulo.cont}}}</h2> <p class="text-primary text-start resumen-marquesina mt-5 ">{{resumen.cont}}</p> <div class="botones-marquesina d-flex justify-content-center"> {{#boton-uno}} <a href="{{url}}" class="btn btn-primary my-4 mx-3" target="_blank"> <i class="fs-5"></i><span class="fs-5">{{img_title}}</span> </a> {{/boton-uno}} {{#boton-dos}} <a href="{{url}}" class="d-none btn btn-outline-primary my-4 mx-3" target="_blank"> <i class="fs-5"></i><span class="fs-5">{{img_title}}</span> </a> {{/boton-dos}} </div> </div> </div> </div> {{/eidox}} </div> </div> </div> -->
<!-- <div class="container"> <div id="mn_home_marquesina_slider" class="carousel slide carousel-fade" data-bs-ride="carousel"> <div class="carousel-inner"> {{#eidox}} <div class="carousel-item {{#primero}} active {{/primero}}"> <div class="row"> <div class="col-lg-6 animate__animated animate__fadeInLeft animate__slow ntg-delay-1"> {{#figure}} <img src="{{img_url}}" class="img-fluid pt-5 cid-{{figure.cid}} aid-{{figure.aid}}" alt="{{img_alt}}"> {{/figure}} </div> <div class="col-lg-6 d-flex align-items-center text-center px-lg-5 animate__animated animate__fadeInRight animate__slow ntg-delay-2"> <div class="cuerpo-marquesina"> {{#titulo-img}} <img src="{{img_url}}" class="d-none img-fluid cid-{{figure.cid}} aid-{{figure.aid}}" alt="{{img_alt}}"> {{/titulo-img}} {{#video}} <a class="link_youtube" href="{{video.url}}" allowfullscreen>video youtube</a> {{/video}} <h1 class="card-title h1 mt-3 cid-{{titulo.cid}} aid-{{titulo.aid}}">{{{titulo.cont}}}</h2> <p class="resumen-marquesina mt-5 ">{{resumen.cont}}</p> <div class="botones-marquesina d-flex justify-content-center"> {{#boton-uno}} <a href="{{url}}" class="btn btn-primary my-4 mx-3" target="_blank"> <i class="fs-5"></i><span class="fs-5">{{img_title}}</span> </a> {{/boton-uno}} {{#boton-dos}} <a href="{{url}}" class="d-none btn btn-outline-primary my-4 mx-3" target="_blank"> <i class="fs-5"></i><span class="fs-5">{{img_title}}</span> </a> {{/boton-dos}} </div> </div> </div> </div> </div> {{/eidox}} <button class="carousel-control-prev" type="button" data-bs-target="#mn_home_marquesina_slider" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#mn_home_marquesina_slider" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> -->
<!-- <div class="container"> <div id="mn_home_adopcion" class=" h-100"> <div class="efecto-bg"> {{#eidox}} <div class="row"> <div class="col-md-9 col-lg-8 col-xl-6 d-flex align-items-center animate__animated animate__fadeInRight animate__slow ntg-delay-3"> <div class="cuerpo-marquesina py-5"> <h1 class="text-center fs-1 mn-azul-ocuro fw-bold cid-{{titulo.cid}} aid-{{titulo.aid}}">{{{titulo.cont}}}</h2> <p class="resumen-marquesina">{{resumen.cont}}</p> <div class="text-center"> {{#boton-uno}} <a href="{{url}}" class="btn btn-primary btn-lg me-sm-3 mb-3 p-xl-4" target="_blank"> <i class="fs-5"></i><span class="fs-5 fw-bold">{{img_title}}</span> </a> {{/boton-uno}} {{#boton-dos}} <a href="{{url}}" class="btn btn-light btn-lg mb-3 p-xl-4" target="_blank"> <i class="fs-5"></i><span class="fs-5 fw-bold">{{img_title}}</span> </a> {{/boton-dos}} </div> </div> </div> <div class="col-md-3 col-lg-4 col-xl-6 img-adopcion animate__animated animate__fadeIn animate__slow ntg-delay-4"> {{#figure}} <img src="{{img_url}}" class="img-fluid ntg-img-espejoX cid-{{figure.cid}} aid-{{figure.aid}}" alt="{{img_alt}}"> {{/figure}} </div> </div> {{/eidox}} </div> </div> </div> -->
<!-- <div id="mn_home_noticias" class="my-3"> <img src="channels-501_home_nocticias_03.png" class="img-fluid py-3" alt="adorno noticias"> <h2 class="mn-subtitle mb-5">NOTICIAS</h2> <div class="row gx-5"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card h-100 position-relative ntg-hover-card"> <div class="card-img-overlay ntg-card-text-overlay"><span class="pv-branch pnid-{{region-noticia.pnid}} pvid-{{region-noticia.pvid}}"> <span class="tipo-overlay-noticias rounded py-1 px-2"> {{region-noticia.cont}}</span></span></div> {{#imagen-noticia}} <img src="{{img_url}}" class="card-img-top img-fluid" alt="{{img_alt}}"> {{/imagen-noticia}} <div class="card-body"> <p class="card-text mb-0 small">{{#fecha}}{{day}}/{{month}}/{{year}}{{/fecha}}</p> <a class="stretched-link text-primary" href="{{titulo.url}}" alt="{{titulo.alt}}" title="{{titulo.title}}"> <h2 class="card-title h5 fw-bold">{{{titulo.innerHtml}}}</h2> </a> <p class="card-text mb-0">{{resumen.cont}}</p> </div> </div> </div> {{/eidox}} </div> </div> -->
<!-- <div id="mn_home_prensa" class="my-3"> <img src="channels-501_home_nocticias_01.png" class="img-fluid py-3" alt="adorno prensa"> <h2 class="mn-subtitle mb-5">PRENSA</h2> <div class="row gx-5"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card h-100 position-relative ntg-hover-card"> <div class="card-img-overlay ntg-card-text-overlay"><span class="pv-branch pnid-{{medio-prensa.pnid}} pvid-{{medio-prensa.pvid}}"> <span class="tipo-overlay-prensa rounded py-1 px-2"> {{medio-prensa.cont}}</span></span></div> {{#imagen-noticia}} <img src="{{img_url}}" class="card-img-top img-fluid" alt="{{img_alt}}"> {{/imagen-noticia}} <div class="card-body"> <p class="card-text mb-0 small">{{#fecha}}{{day}}/{{month}}/{{year}}{{/fecha}}</p> <a class="stretched-link text-primary" href="{{titulo.url}}" alt="{{titulo.alt}}" title="{{titulo.title}}"> <h2 class="card-title h5 fw-bold">{{{titulo.innerHtml}}}</h2> </a> <p class="card-text mb-0">{{resumen.cont}}</p> </div> </div> </div> {{/eidox}} </div> </div> -->
<!-- <div id="mn_pa_recortes" class="container my-5"> <div class="row gx-4"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card rounded-0 h-100"> <div class="card-img-overlay ntg-card-text-overlay"><span class="pv-branch pnid-{{medio-prensa.pnid}} pvid-{{medio-prensa.pvid}}"> <span class="tipo-overlay-prensa py-1 px-2"> {{medio-prensa.cont}}</span></span></div> {{#imagen-noticia}} <img src="{{img_url}}" class="card-img-top img-fluid rounded-0" alt="{{img_alt}}"> {{/imagen-noticia}} <div class="card-body"> <p class="card-text mb-0 small">{{#fecha}}{{day}}/{{month}}/{{year}}{{/fecha}}</p> <a class="stretched-link text-primary" href="{{titulo.url}}" alt="{{titulo.alt}}" title="{{titulo.title}}"> <h2 class="card-title h3 fw-bold fs-5">{{{titulo.innerHtml}}}</h2> </a> <p class="card-text mb-0">{{resumen.cont}}</p> </div> </div> </div> {{/eidox}} </div> </div> -->
<!-- <div id="descarga_documentos" class="my-5"> {{#eidox}} <div class="d-flex mb-3 px-3 py-2 bg-info bg-opacity-10 shadow-sm position-relative"> {{#figure}} <span class="flex-shrink-0 h-100"> <a href="{{url}}" class="stretched-link"> <span class="miniatura-icono bi {{#is_zip}}bi-file-earmark-zip{{/is_zip}} {{#is_xlsx}}bi-file-earmark-spreadsheet{{/is_xlsx}} {{#is_pptx}}bi-file-earmark-ppt{{/is_pptx}} {{#is_docx}}bi-file-earmark-word{{/is_docx}} fs-1"><span class="visually-hidden">Miniatura Documento</span></span> <img src="{{img_url}}" class="miniatura img-fluid rounded-0"> </a> </span> {{/figure}} <div class="flex-grow my-1 ps-3"> <h2 class="h5 text-primary fw-bold aid-{{titulo.aid}} cid-{{titulo.cid}}"> {{titulo.cont}} </h2> <p class="small mb-0 text-secondary">{{fecha.cont}}</p> <p class="mb-0">{{abstract.cont}}</p> </div> </div> {{/eidox}} </div> -->
<!-- <ul id="tabs_participacion_individual" class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Profile</button> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">...</div> <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">...</div> </div> -->
<!-- <h2 class="ntg-titulo-caja">Normativa</h2> <div id="descarga_normativa" class="mb-5"> {{#eidox}} <div class="d-flex mb-3 px-3 py-2 bg-white border-info border rounded shadow position-relative align-items-start"> {{#url-externa}} <span class="flex-shrink-0 h-100"> <a class="stretched-link text-primary" href="{{url}}" alt="{{img_alt}}" title="{{img_title}}"> <i class="bi bi-link-45deg fs-2"></i> </a> </span> {{/url-externa}} <div class="flex-grow my-1 ps-3"> <h2 class="h5 mn-azul-ocuro fw-bold aid-{{url-externa.aid}} cid-{{url-externa.cid}}"> {{titulo.cont}} </h2> <p class="mb-2 small text-secondary">{{fecha.cont}}</p> <p class="mb-0 text-dark">{{resumen.cont}}</p> </div> </div> {{/eidox}} </div> -->
<!-- <h2 class="ntg-titulo-caja">Resoluciones</h2> <div id="descarga_resoluciones" class="mb-5"> {{#eidox}} <div class="d-flex mb-3 px-3 py-2 bg-white border-info border rounded shadow position-relative align-items-start"> <span class="flex-shrink-0 h-100"> <a class="stretched-link text-primary" href="{{titulo.url}}" alt="{{titulo.alt}}" title="{{titulo.title}}"> <i class="bi bi-link-45deg fs-2"></i> </a> </span> <div class="flex-grow my-1 ps-3"> <h2 class="h5 mn-azul-ocuro fw-bold aid-{{titulo.aid}} cid-{{titulo.cid}}"> {{titulo.cont}} </h2> <p class="mb-2 small text-secondary">{{fecha.cont}}</p> <p class="mb-0 text-dark">{{resumen.cont}}</p> </div> </div> {{/eidox}} </div> -->
<!-- <div id="pa_tramites" class="my-5"> {{#eidox}} <div class="d-flex mb-3 px-3 py-2 bg-white border-info border rounded shadow position-relative align-items-start"> <span class="flex-shrink-0 h-100"> <a class="stretched-link text-primary" href="{{titulo.url}}" alt="{{titulo.alt}}" title="{{titulo.title}}"> <i class="bi bi-link-45deg fs-2"></i> </a> </span> <div class="flex-grow my-1 ps-3"> <h2 class="h5 mn-azul-ocuro fw-bold aid-{{titulo.aid}} cid-{{titulo.cid}}"> {{titulo.cont}} </h2> <p class="mb-2 small text-secondary">{{fecha.cont}}</p> <p class="mb-0 text-dark">{{resumen.cont}}</p> </div> </div> {{/eidox}} </div> -->
<!-- <div id="mn_pa_noticias" class="container my-5"> <div class="row gx-4"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card h-100 position-relative ntg-hover-card"> <div class="card-img-overlay ntg-card-text-overlay"><span class="pv-branch pnid-{{region-noticia.pnid}} pvid-{{region-noticia.pvid}}"> <span class="tipo-overlay-noticias rounded py-1 px-2"> {{region-noticia.cont}}</span></span></div> {{#imagen-noticia}} <img src="{{img_url}}" class="card-img-top img-fluid" alt="{{img_alt}}"> {{/imagen-noticia}} <div class="card-body"> <p class="card-text mb-0 small">{{#fecha}}{{day}}/{{month}}/{{year}}{{/fecha}}</p> <a class="stretched-link text-primary" href="{{titulo.url}}" alt="{{titulo.alt}}" title="{{titulo.title}}"> <h2 class="card-title h3 fw-bold fs-5">{{{titulo.innerHtml}}}</h2> </a> <p class="card-text mb-0">{{resumen.cont}}</p> </div> </div> </div> {{/eidox}} </div> </div> -->
<!-- <ul id="archivo_accesos"class="list-group col-md-4 mb-5"> {{#eidox}} <a href="{{acceso.url}}" class="list-group-item list-group-item-action justify-content-between align-items-center d-flex fw-bold py-4 cid-{{acceso.cid}} aid-{{acceso.aid}} {{#active}} active {{/active}}" {{#active}} aria-current="true" {{/active}}><div class="archivo-titulo fs-5"><i class="bi bi-folder-symlink"></i> {{acceso.cont}}</div><i class="bi bi-chevron-right fs-5"></i></a> {{/eidox}} </ul> -->
<!-- <div id="acceso_subvalores"class="justify-content-between d-flex my-5"> {{#eidox}} <a href="{{subvalores.url}}" class=""btn btn-primary fw-bold m-3 py-3 cid-{{subvalores.cid}} aid-{{subvalores.aid}}><div class="archivo-titulo fs-5"><i class="bi bi-link-45deg fs-4"></i> {{subvalores.cont}}</div></i></a> {{/eidox}} </div> -->
<!-- <div id="cifras_modal_uno" class="col-lg-4 col-md-6 col-12 pb-3"> {{#eidox}} <div class="mb-3 h-100"> <div class="card h-100 ntg-hover-card border-primary border-bottom border-5"> <a href="{{figure.url}}" data-toggle="lightbox" data-gallery="example-gallery" data-title="{{figure.img_title}}"> <div class="card-img-overlay ntg-card-text-overlay"><span class="bg-primary text-white rounded py-1 px-2"><span class="bi bi-arrows-angle-expand"></span><span class="fw-bold text white"> Expandir</span></span></div> <img src="{{figure.img_url}}" class="card-img cid-{{figure.cid}} aid-{{figure.aid}}" /></a> <div class="card-body shadow"> <h2 class="card-title mn-azul-ocuro h4">{{figure.img_title}}</h2> </div> </div> </div> {{/eidox}} </div> -->
<!-- <div id="cifras_modal_dos" class="col-lg-4 col-md-6 col-12 pb-3"> {{#eidox}} <div class="mb-3 h-100"> <div class="card h-100 ntg-hover-card border-primary border-bottom border-5"> <a href="{{figure.url}}" data-toggle="lightbox" data-gallery="example-gallery" data-title="{{figure.img_title}}"> <div class="card-img-overlay ntg-card-text-overlay"><span class="bg-primary text-white rounded py-1 px-2"><span class="bi bi-arrows-angle-expand"></span><span class="fw-bold text white"> Expandir</span></span></div> <img src="{{figure.img_url}}" class="card-img cid-{{figure.cid}} aid-{{figure.aid}}" /></a> <div class="card-body shadow"> <h2 class="card-title mn-azul-ocuro h4">{{figure.img_title}}</h2> </div> </div> </div> {{/eidox}} </div> -->
<!-- <div id="cifras_modal_tres" class="col-lg-4 col-md-6 col-12 pb-3"> {{#eidox}} <div class="mb-3 h-100"> <div class="card h-100 ntg-hover-card border-primary border-bottom border-5"> <a href="{{figure.url}}" data-toggle="lightbox" data-gallery="example-gallery" data-title="{{figure.img_title}}"> <div class="card-img-overlay ntg-card-text-overlay"><span class="bg-primary text-white rounded py-1 px-2"><span class="bi bi-arrows-angle-expand"></span><span class="fw-bold text white"> Expandir</span></span></div> <img src="{{figure.img_url}}" class="card-img cid-{{figure.cid}} aid-{{figure.aid}}" /></a> <div class="card-body shadow"> <h2 class="card-title mn-azul-ocuro h4">{{figure.img_title}}</h2> </div> </div> </div> {{/eidox}} </div> -->
<!-- <h2 class="page-header mt-5">¡Revísalos acá!</h2> <div id="recuadros_descargas" class="container my-5"> <div class="row gx-5"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card h-100 ntg-hover-card border-warning border-bottom border-5 aid-{{figure.aid}}"> <a href="{{figure.url}}" data-title="{{figure.img_title}}" Target="_blank"> <div class="card-img-overlay ntg-card-text-overlay"><span class="bg-warning text-dark rounded py-1 px-2"><span class="bi bi-cloud-arrow-down"></span><span class="fw-bold text white"> Descargar</span></span></div> <img src="{{figure.img_url}}" class="card-img" /></a> <div class="card-body shadow"> <h2 class="card-title mn-azul-ocuro h4">{{figure.img_title}}</h2> </div> </div> </div> {{/eidox}} </div> -->
<!-- <div id="articulo_completo_documentos" class="my-3"> {{#eidox}} <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-12 pb-4"> <div class="card ntg-hover-card h-100 rounded-4 position-relative"> {{#figure}} <span class="flex-shrink-0 h-100"> <div> <span class="miniatura-icono bi {{#is_zip}}bi-file-zip{{/is_zip}} {{#is_xlsx}}bi-file-earmark-spreadsheet{{/is_xlsx}} {{#is_pptx}}bi-file-ppt{{/is_pptx}} fs-1"><span class="visually-hidden">Miniatura Documento</span></span> <img src="{{img_url}}" class="img-fluid rounded-0"> </div> </span> <div class="card-footer d-flex justify-content-center obs-bg-celeste"> <a class="card-link stretched-link text-decoration-none" href="{{url}}"> {{img_alt}} </a> {{/figure}} </div> </div> </div> {{/eidox}} </div> -->
<!-- {{#eidox}} <div id="articulo_completo_documentos_01" class="card ntg-hover-card h-100 rounded-4 position-relative"> {{#figure}} <span class="flex-shrink-0 h-100"> <div> <span class="miniatura-icono bi {{#is_zip}}bi-file-zip{{/is_zip}} {{#is_xlsx}}bi-file-earmark-spreadsheet{{/is_xlsx}} {{#is_pptx}}bi-file-ppt{{/is_pptx}} fs-1"><span class="visually-hidden">Miniatura Documento</span></span> <img src="{{img_url}}" class="img-fluid rounded-0"> </div> </span> <div class="card-footer d-flex justify-content-center obs-bg-celeste w-100 bg-primary px-1"> <a class="card-link stretched-link text-decoration-none text-white" href="{{url}}"> {{img_alt}} </a> </div> {{/figure}} </div> {{/eidox}} -->
<!-- {{#eidox}} <div id="articulo_completo_documentos_02" class="card ntg-hover-card h-100 rounded-4 position-relative"> {{#figure}} <span class="flex-shrink-0 h-100"> <div> <span class="miniatura-icono bi {{#is_zip}}bi-file-zip{{/is_zip}} {{#is_xlsx}}bi-file-earmark-spreadsheet{{/is_xlsx}} {{#is_pptx}}bi-file-ppt{{/is_pptx}} fs-1"><span class="visually-hidden">Miniatura Documento</span></span> <img src="{{img_url}}" class="img-fluid rounded-0"> </div> </span> <div class="card-footer d-flex justify-content-center obs-bg-celeste w-100 bg-primary px-1"> <a class="card-link stretched-link text-decoration-none text-white" href="{{url}}"> {{img_alt}} </a> </div> {{/figure}} </div> {{/eidox}} -->
<!-- {{#eidox}} <div id="articulo_completo_documentos_03" class="card ntg-hover-card h-100 rounded-4 position-relative"> {{#figure}} <span class="flex-shrink-0 h-100"> <div> <span class="miniatura-icono bi {{#is_zip}}bi-file-zip{{/is_zip}} {{#is_xlsx}}bi-file-earmark-spreadsheet{{/is_xlsx}} {{#is_pptx}}bi-file-ppt{{/is_pptx}} fs-1"><span class="visually-hidden">Miniatura Documento</span></span> <img src="{{img_url}}" class="img-fluid rounded-0"> </div> </span> <div class="card-footer d-flex justify-content-center obs-bg-celeste w-100 bg-primary px-1"> <a class="card-link stretched-link text-decoration-none text-white" href="{{url}}"> {{img_alt}} </a> </div> {{/figure}} </div> {{/eidox}} -->
<!-- <div id="ar_url_externa" class="mb-5"> {{#eidox}} <div class="d-flex mb-3 px-3 py-2 bg-white border-info border border-1 rounded shadow position-relative align-items-center"> {{#url-externa}} <span class="flex-shrink-0 h-100"> <a class="stretched-link text-primary" href="{{url}}" alt="{{img_alt}}" title="{{img_title}}"> <i class="bi bi-link-45deg fs-2"></i> </a> </span> {{/url-externa}} <div class="flex-grow my-1 ps-3"> <h2 class="h5 mn-azul-ocuro fw-bold mb-0 pb-0 aid-{{url-externa.aid}} cid-{{url-externa.cid}}"> {{titulo.cont}} </h2> </div> </div> {{/eidox}} </div> -->
<!-- <div id="repositorio_portada_descarga" class="my-3"> {{#eidox}} <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-12 pb-4"> <div class="card ntg-hover-card h-100 rounded-4 position-relative"> {{#figure}} <span class="flex-shrink-0 h-100 text-center"> <div> <span class="miniatura-icono bi {{#is_zip}}bi-file-earmark-zip{{/is_zip}} {{#is_xlsx}}bi-file-earmark-spreadsheet{{/is_xlsx}} {{#is_pptx}}bi-file-earmark-ppt{{/is_pptx}} {{#is_docx}}bi-file-earmark-word{{/is_docx}} fs-1"><span class="visually-hidden">Miniatura Documento</span></span> <img src="{{img_url}}" class="img-fluid rounded-0"> </div> </span> <div class="card-footer d-flex justify-content-center obs-bg-celeste"> <a class="card-link stretched-link text-decoration-none" href="{{url}}"> {{img_alt}} </a> {{/figure}} </div> </div> </div> {{/eidox}} </div> -->
<!-- <div id="concurso_postulacion" class="my-3"> {{#eidox}} <div class="card-concurso-postulacion card w-100 mb-4 border-info shadow-sm border-0 position-relative cid-{{titulo.cid}} aid-{{titulo.aid}}"> {{#etapa-concurso}} <div class="card-img-overlay ntg-card-text-overlay p-0"> <span class="pv-branch"><span class="py-1 px-2 text-white bg-primary">{{{etapa-concurso.cont}}}</span></span> </div> {{/etapa-concurso}} <div class="card-header bg-degradado border-0"> <p class="card-text mb-0 small">{{#fecha}}{{day}}/{{month}}/{{year}}{{/fecha}}</p> <a href="{{titulo.url}}" class="card-title my-4 stretched-link text-decoration-none"> <i class="fs-5"></i><span class="fs-5">{{{titulo.cont}}}</span> </a> </div> <div class="card-body"> <div class="clas-regiones"><span class="pv-branch pnid-503 cid-501"> <span class="alert alert-info mb-1 p-1 rounded-pill small pnid-{{titulo.pnid}} cid-{{titulo.cid}} pvid-{{titulo.pvid}}">{{{regiones.cont}}}</span></span> </div> </div> </div> </div> {{/eidox}} </div> -->
<!-- <div class="accordion accordion-flush" id="pa_registro_reuniones"> {{#eidox}} <div class="accordion-item recuadro cid-{{titulo.cid}} aid-{{titulo.aid}}"> <h2 class="accordion-header" id="headingAgenda{{titulo.aid}}"> <span class=" fecha-agenda "> {{#fecha-agenda}} <span class="dia">{{day}}</span> <span class="mes">{{shortMonth}}</span> <span class="anio">{{year}}</span> {{/fecha-agenda}} </span> <button class="accordion-button{{^primero}} collapsed{{/primero}}" type="button" data-bs-toggle="collapse" data-bs-target="#agenda{{titulo.aid}}" aria-expanded="{{#primero}}true{{/primero}}{{^primero}}false{{/primero}}" aria-controls="agenda{{titulo.aid}}"> {{titulo.cont}} </button> </h2> <div id="agenda{{titulo.aid}}" class="accordion-collapse collapse{{#primero}} show{{/primero}}" aria-labelledby="headingAgenda{{titulo.aid}}" data-bs-parent="#pa_registro_reuniones"> <div class="accordion-body"> {{{fecha.html}}} {{{cuerpo.innerHtml}}} <div class="titulo d-none filtrar">{{fecha-agenda.longMonth}}</div> </div> </div> </div> {{/eidox}} </div> -->
<!-- <div id="ntg4_testimonios_imagenes" class="row"> {{#eidox}} <div class="col-md-6 col-12 my-4"> <div class="video-thumbnail image-grayscale aid-{{titulo.aid}} cid-{{titulo.cid}}" data-bs-toggle="modal" data-bs-target="#videoModal"> {{#figure}} <img src="{{img_url}}" alt="{{img_alt}}" class="img-fluid rounded"> {{/figure}} <div class="video-overlay"> <h3 class="mb-0 text-decoration-none text-white fw-bold aid-{{titulo.aid}} cid-{{titulo.cid}}">{{titulo.cont}}</h3> </div> <i class="bi bi-play-circle video-play-icon"></i> </div> <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="videoModalLabel">{{titulo.cont}}</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> {{#video}} <a class="link_youtube" href="{{video.url}}" allowfullscreen>video youtube</a> {{/video}} </div> </div> </div> </div> </div> {{/eidox}} </div> -->
<!-- <div id="ntg4_testimonios_imagen_derecha" class="row"> {{#eidox}} <div class="col-md-6 col-12 my-4"> <div class="video-thumbnail image-grayscale aid-{{titulo.aid}} cid-{{titulo.cid}}" data-bs-toggle="modal" data-bs-target="#videoModal"> {{#figure}} <img src="{{img_url}}" alt="{{img_alt}}" class="img-fluid rounded"> {{/figure}} <div class="video-overlay"> <h3 class="mb-0 text-decoration-none text-white fw-bold aid-{{titulo.aid}} cid-{{titulo.cid}}">{{titulo.cont}}</h3> </div> <i class="bi bi-play-circle video-play-icon"></i> </div> <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="videoModalLabel">{{titulo.cont}}</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> {{#video}} <a class="link_youtube" href="{{video.url}}" allowfullscreen>video youtube</a> {{/video}} </div> </div> </div> </div> </div> {{/eidox}} </div> -->
<!-- <h2 class="page-header mt-5">¡Revísalos acá!</h2> <div id="recuadros_descargas_pdf" class="container my-5"> <div class="row gx-5"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card h-100 ntg-hover-card border-warning border-bottom border-5 aid-{{figure.aid}} aid-{{titulo.aid}} cid-{{titulo.cid}}"> <a href="https://www.servicioproteccion.gob.cl/portal/Programas/Oferta-programatica/4565:Oferta-programatica-mayo-2026#" class="pdf-modal-trigger" data-pdf-url="{{figure.url}}" data-title="{{figure.img_title}}"> <div class="card-img-overlay ntg-card-text-overlay"> <span class="bg-warning text-dark rounded py-1 px-2"> <span class="bi bi-eye"></span> <span class="fw-bold"> Ver PDF</span> </span> </div> <img src="{{figure.img_url}}" class="card-img"> </a> <div class="card-body shadow"> <h2 class="card-title mn-azul-ocuro h4">{{figure.img_title}}</h2> </div> </div> </div> {{/eidox}} </div> </div> <div class="modal fade" id="pdfModal" tabindex="-1" aria-labelledby="pdfModalLabel" aria-hidden="true"> <div class="modal-dialog modal-fullscreen-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="pdfModalLabel"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-0"> <div class="d-flex justify-content-center align-items-center pdf-container"> <iframe id="pdfViewer" src="" width="100%" height="100%" frameborder="0"></iframe> </div> </div> <div class="modal-footer"> <a href="https://www.servicioproteccion.gob.cl/portal/Programas/Oferta-programatica/4565:Oferta-programatica-mayo-2026#" id="downloadPdf" class="btn btn-warning"> <i class="bi bi-cloud-arrow-down"></i> Descargar PDF </a> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button> </div> </div> </div> </div> -->
<!-- <h2 class="page-header mt-5">¡Revísalos acá!</h2> <div id="recuadros_descargas_excel" class="container my-5"> <div class="row gx-5"> {{#eidox}} <div class="col-lg-4 col-md-6 col-12 pb-4"> <div class="card h-100 ntg-hover-card border-warning border-bottom border-5 aid-{{figure.aid}} aid-{{titulo.aid}} cid-{{titulo.cid}}"> <a href="https://www.servicioproteccion.gob.cl/portal/Programas/Oferta-programatica/4565:Oferta-programatica-mayo-2026#" class="excel-modal-trigger" data-excel-url="{{figure.url}}" data-title="{{figure.img_title}}"> <div class="card-body text-center p-4"> <div class="excel-icon-container mb-3"> <i class="bi bi-file-earmark-excel display-1 text-success"></i> </div> <div class="card-img-overlay ntg-card-text-overlay"> <span class="bg-warning text-dark rounded py-1 px-2"> <span class="bi bi-eye"></span> <span class="fw-bold"> Ver Excel</span> </span> </div> </div> </a> <div class="card-body shadow"> <h2 class="card-title mn-azul-ocuro h4">{{figure.img_title}}</h2> </div> </div> </div> {{/eidox}} </div> </div> <div class="modal fade" id="excelModal" tabindex="-1" aria-labelledby="excelModalLabel" aria-hidden="true"> <div class="modal-dialog modal-fullscreen-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="excelModalLabel"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-0"> <div class="d-flex justify-content-center align-items-center excel-container" style="height: 80vh;"> <iframe id="excelViewer" src="" width="100%" height="100%" frameborder="0"></iframe> </div> </div> <div class="modal-footer"> <a href="https://www.servicioproteccion.gob.cl/portal/Programas/Oferta-programatica/4565:Oferta-programatica-mayo-2026#" id="downloadExcel" class="btn btn-warning"> <i class="bi bi-cloud-arrow-down"></i> Descargar Excel </a> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button> </div> </div> </div> </div> -->
