Charla informativa presencial Valparaíso

Publicado: 29 de septiembre de 2026

Regiones: Valparaíso

16:00 horas.

Charla informativa presencial - Región de Valparaíso

Dónde: Biblioteca Hermanos Carrera, P25, Olmué.

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

{{#figure}}
			<span class="flex-shrink-0 h-100 centrado-miniatura">
			
			<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>
      		{{^is_img}}<img src="{{img_url}}" class="card-img">{{/is_img}}
    		
			</span>
    	{{/figure}}
	</a>
      <div class="card-body shadow">
        <h2 class="card-title mn-azul-ocuro h4">{{titulo.cont}}</h2>
      </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/Familias-de-Acogida/Calendario-de-charlas-informativas/5033:Charla-informativa-presencial-Valparaiso#" 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/Familias-de-Acogida/Calendario-de-charlas-informativas/5033:Charla-informativa-presencial-Valparaiso#" 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/Familias-de-Acogida/Calendario-de-charlas-informativas/5033:Charla-informativa-presencial-Valparaiso#" 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/Familias-de-Acogida/Calendario-de-charlas-informativas/5033:Charla-informativa-presencial-Valparaiso#" 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>
-->