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
Programas
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
Ciudadanía
Colaboradores
Acreditación
Colaboradores acreditados
Concursos
Orientaciones técnicas
Supervisión y fiscalización
Estudios
Academia Conectando Saberes
Publicaciones
Estadísticas
Información para investigadores
Noticias
Noticias del Servicio
Prensa
Archivo
lupa
cerrar lupa
Buscar
Loading...
icono menú
Atención ciudadana
Repositorio
Compartir
icono
Inicio
/
Quiénes somos
/
Misión y visión
Definiciones Estratégicas 2024 - 2026
Ficha de identificación de las definiciones estratégicas del Servicio Nacional de Protección Especializada a la Niñez y Adolescencia para el período 2024-2026.
Definiciones Estratégicas 2024 - 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" /></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" /></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" /></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">¡Descarga los documentos aquí!</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"> <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> -->
<!-- <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> -->
