Manual de buenas prácticas: Participación de niños, niñas y adolescentes del Sistema de Protección

El siguiente manual es un registro de aquellas prácticas participativas, individuales y colectivas, que pudieron ser relevadas y registradas a lo largo de todo Chile en donde niños, niñas y adolescentes que son parte de la red de atención del Servicio son protagonistas.

<!--
<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>
-->

<!--
<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}}">
                  <a href="https://www.servicioproteccion.gob.cl/portal/Estudios/Publicaciones/1061:Manual-de-buenas-practicas-Participacion-de-ninos-ninas-y-adolescentes-del-Sistema-de-Proteccion#" 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/Estudios/Publicaciones/1061:Manual-de-buenas-practicas-Participacion-de-ninos-ninas-y-adolescentes-del-Sistema-de-Proteccion#" 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>
-->