equipo.qmd

---
title: ""
format: html
toc: false
body-class: page-equipo
---

## Equipo de Trabajo {.team-title}

::: {.team-grid}

::: {.team-card}
![](images/juan.jpg){.team-photo}

### **Mg. Juan Numan Urteaga Tirado** {.team-name}

**Consultor**

Actualmente es docente de la UNI en la maestría de Gestión del Riesgo de Desastres. También es cofundador e investigador del Grupo de Investigación en Territorio, Infraestructura, Planificación y Sociedad - KAWSAY TIPS de la UNI.

<button
  type="button"
  class="team-button"
  data-bs-toggle="modal"
  data-bs-target="#teamModal"
  data-name="Mg. Juan Numan Urteaga Tirado"
  data-role="Consultor"
  data-photo="images/juan.jpg"
  data-details="details-juan">
  Ver detalle
</button>
:::

::: {.team-card}
![](images/lourdes.jpg){.team-photo}

### **Ing. Lourdes Urteaga Tirado** {.team-name}

**Consultora**

Ingeniera Ambiental por la Universidad Nacional de Trujillo (UNT). Cuenta con estudios de maestría en Tratamiento de aguas y desechos por la Universidad Nacional de Ingeniería (UNI) y ha sido becada en Desarrollo web por Platzi y Proinnovate.

<button
  type="button"
  class="team-button"
  data-bs-toggle="modal"
  data-bs-target="#teamModal"
  data-name="Ing. Lourdes Urteaga Tirado"
  data-role="Consultora"
  data-photo="images/lourdes.jpg"
  data-details="details-lourdes">
  Ver detalle
</button>
:::

::: {.team-card}
![](images/rafael3.jpg){.team-photo}

### **Reyes de la Cruz Adolfo Rafael** {.team-name}

**Practicante**

Estudiante de ingeniería civil - UNI. 

Apoyo técnico en análisis de datos y documentación de proyectos. Manejo RStudio, AutoCAD, Civil 3D y fundamentos de C++.

<button
  type="button"
  class="team-button"
  data-bs-toggle="modal"
  data-bs-target="#teamModal"
  data-name="Reyes de la Cruz Rafael"
  data-role="Practicante"
  data-photo="images/rafael3.jpg"
  data-details="details-rafael">
  Ver detalle
</button>
:::

:::


<!-- ===== DETALLES OCULTOS (EN MARKDOWN) ===== -->
::: {.team-details-hidden}

::: {#details-juan .team-detail}
### Educación
- Alumno del **Advanced Program** in **Data Science & Global Skills** 
Aporta y MIT IDSS (Massachusetts Institute of Technology - Institute for Data, Systems and Society), en curso.
- Mag. Ingeniería Civil - Pontificia Universidad Católica del Perú, 2019.
- BSc. en Ingeniería Civil - Universidad Nacional de Ingeniería, 2016.

### Temas de interés
- Planificación y desarrollo territorial
- Gestión del riesgo de desastres
- Ciencia de datos espaciales

### Experiencia
- Gestión de riesgos de desastres en localidades
- Metodología de investigación
- Análisis de datos espaciales
- Monitoreo de proyectos de desarrollo
- Tasaciones

### Publicaciones
- Urteaga-Tirado, J. N., Santa-Cruz, S., Fernández de Córdova, G., & Vilela, M. (2021). 2017 Coastal El Niño in Peru: An opportunity to analyze the influence of hazard mitigation plans on local resilience. In J. M. Mendes, G. Kalonji, R. Jigyasu, & A. Chang-Richards (Eds.), *Strengthening Disaster Risk Governance to Manage Disaster Risk* (pp. 117–131). [https://doi.org/10.1016/B978-0-12-818750-0.00012-X](https://www.sciencedirect.com/science/article/pii/B978012818750000012X?via%3Dihub)
- Presentación oral [“Spatial relationships between hazard maps, urban zoning and housing damage in Piura city, Peru”](https://sites.google.com/view/uep2020-conference/abstracts?authuser=0)
:::

::: {#details-lourdes .team-detail}
### Educación
- Desarrollo web - Platzi-Proinnovate, 2022
- Estudios de maestría en Tratamiento de aguas y reúso de desechos - Universidad Nacional de Ingeniería, 2019
- Ingeniera ambiental - Universidad Nacional de Trujillo, 2011

### Temas de interés
- Ciencia de datos aplicada a parámetros ambientales
- Modelos de contaminación ambiental
- Tratamiento de aguas contaminadas

### Experiencia
- Desarrollo de instrumentos de gestión ambiental
- Desarrollo de mapas y planos
- Monitoreo de parámetros hidrológicos
- Monitoreo de parámetros de calidad de agua y suelo
:::

::: {#details-rafael .team-detail}
### Perfil
Colaborador técnico enfocado en análisis de datos, automatización y soporte digital para proyectos de ingeniería. Apoya al equipo en la organización de información, elaboración de contenido técnico y desarrollo de recursos para visualización y toma de decisiones.

### Competencias técnicas
- **Programación:** C++ (fundamentos y resolución de problemas), **R / RStudio** (procesamiento y visualización de datos).
- **Diseño y modelamiento:** **AutoCAD** y **Civil 3D** (planos, geometría vial, perfiles, secciones y apoyo en modelado).
- **Gestión y productividad:** Notion (formación en Platzi) para **documentación, bases de conocimiento y organización de proyectos**.

### Contribuciones
- Manejo de datos e integración de información en **RStudio**.
- Soporte y ordenamiento de material técnico para entregables.
- Documentación y estructuración de recursos (web, reportes y contenidos).
- Apoyo en flujos de trabajo de ingeniería con **AutoCAD / Civil 3D**.
:::

:::



```{=html}
<!-- ===== MODAL (Bootstrap) ===== -->
<div class="modal fade" id="teamModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content team-modal">

      <div class="modal-header team-modal-header">
        <div class="team-modal-titlewrap">
          <div class="team-modal-title" id="teamModalTitle">Detalle</div>
          <div class="team-modal-role" id="teamModalRole"></div>
        </div>

        <button type="button" class="btn-close team-modal-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>

      <div class="modal-body team-modal-body">
        <div class="team-modal-grid">
          <div class="team-modal-left">
            <img id="teamModalPhoto" class="team-modal-photo" alt="Foto del integrante">
          </div>

          <div class="team-modal-right">
            <div id="teamModalContent" class="team-modal-content"></div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", () => {
  const modalEl   = document.getElementById("teamModal");
  const titleEl   = document.getElementById("teamModalTitle");
  const roleEl    = document.getElementById("teamModalRole");
  const photoEl   = document.getElementById("teamModalPhoto");
  const contentEl = document.getElementById("teamModalContent");

  modalEl.addEventListener("show.bs.modal", (event) => {
    const btn = event.relatedTarget;
    if (!btn) return;

    const name = btn.getAttribute("data-name") || "Detalle";
    const role = btn.getAttribute("data-role") || "";
    const photo = btn.getAttribute("data-photo") || "";
    const detailsId = btn.getAttribute("data-details");

    titleEl.textContent = name;
    roleEl.textContent  = role;

    if (photo) {
      photoEl.src = photo;
      photoEl.style.display = "";
    } else {
      photoEl.removeAttribute("src");
      photoEl.style.display = "none";
    }

    const detailsNode = detailsId ? document.getElementById(detailsId) : null;

    // Copia el HTML ya renderizado por Quarto
    contentEl.innerHTML = detailsNode
      ? detailsNode.innerHTML
      : "<p>No hay detalles disponibles.</p>";
  });

  modalEl.addEventListener("hidden.bs.modal", () => {
    contentEl.innerHTML = "";
    photoEl.removeAttribute("src");
  });
});
</script>
```