```php

<div style="width:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;">

  <div style="width:100%;margin:0;padding:0;background:radial-gradient(circle at 18% 20%,rgba(25,181,255,0.22) 0%,rgba(25,181,255,0.05) 28%,transparent 50%),linear-gradient(135deg,#03111d 0%,#063f63 48%,#020914 100%);position:relative;overflow:hidden;">

    <div style="position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.20),rgba(0,0,0,0.05),rgba(0,0,0,0.35));"></div>

    <div style="position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:26px 24px 62px 24px;box-sizing:border-box;">

      <div style="display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:58px;">

        <div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap;">
          <div style="background:rgba(255,255,255,0.96);padding:10px 14px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,0.28);">
            <img src="https://ciudadinforma.com.ar/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-06-at-10.23.42-3-e1778007616365.jpeg" alt="Ciudad Informa" style="height:52px;border-radius:8px;display:block;">
          </div>

          <div>
            <div style="font-size:26px;color:#ffffff;font-weight:900;line-height:1.05;">Ciudad Informa</div>
            <div style="font-size:11px;color:#ffffff;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-top:5px;">Red de medios · Grupo Tecnocom</div>
            <div style="font-size:13px;color:rgba(255,255,255,0.76);font-weight:600;margin-top:4px;">
              miércoles, 13 de mayo de 2026            </div>
          </div>
        </div>

        <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:18px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,0.18);">
          <a href="https://ciudadinforma.com.ar/" style="color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,0.15);">Home</a>
          <a href="https://ciudadinforma.com.ar/politica/" style="color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,0.10);">Política</a>
          <a href="https://ciudadinforma.com.ar/sociales/" style="color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,0.10);">Sociales</a>
          <a href="https://ciudadinforma.com.ar/turismo/" style="color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,0.10);">Turismo</a>
          <a href="https://ciudadinforma.com.ar/educacion/" style="color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,0.10);">Educación</a>
          <a href="https://ciudadinforma.com.ar/contacto" style="color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:11px 15px;border-radius:12px;background:#0b5f8f;">Contacto</a>
          <a href="https://api.whatsapp.com/send/?phone=5492216123608&text=Hola%20Ciudad%20Informa" target="_blank" style="background:#25D366;color:#ffffff;text-decoration:none;font-size:14px;font-weight:900;padding:12px 18px;border-radius:12px;box-shadow:0 10px 22px rgba(37,211,102,0.28);">WhatsApp</a>
        </div>

      </div>

      <div style="max-width:920px;">
        <div style="display:inline-block;background:rgba(255,255,255,0.13);border:1px solid rgba(255,255,255,0.18);color:#d9f3ff;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:10px 14px;border-radius:999px;margin-bottom:18px;">
          Diario digital · Actualidad
        </div>

        <h1 style="margin:0 0 18px 0;color:#ffffff;font-size:58px;font-weight:900;line-height:1.02;">Ciudad Informa</h1>

        <p style="margin:0 0 28px 0;color:rgba(255,255,255,0.88);font-size:20px;line-height:1.7;">
          Información, política, sociedad, turismo y educación con mirada editorial profesional.
        </p>
      </div>

    </div>
  </div>

  <main style="max-width:1180px;margin:42px auto 60px;padding:0 22px;box-sizing:border-box;">

    <article style="background:#ffffff;border:1px solid #e6edf5;border-radius:24px;box-shadow:0 16px 40px rgba(16,42,74,0.07);padding:34px;box-sizing:border-box;">

      <div style="font-size:12px;font-weight:900;color:#0b5f8f;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;">
        <a href="https://ciudadinforma.com.ar/category/educacion/" rel="category tag">Educacion</a>      </div>

      <h1 style="margin:0 0 14px 0;font-size:46px;line-height:1.08;color:#132238;font-weight:900;">
        La Ciudad presenta AquaLab, la primera calculadora de huella hídrica educativa de América Latina      </h1>

      <div style="font-size:14px;color:#667085;font-weight:700;margin-bottom:28px;">
        17 de diciembre de 2025      </div>

              <div style="margin-bottom:32px;border-radius:18px;overflow:hidden;background:#eef4fb;">
          <img width="688" height="455" src="https://ciudadinforma.com.ar/wp-content/uploads/2025/12/ciudad-11.jpg" class="attachment-full size-full wp-post-image" alt="" style="width:100%;height:auto;display:block;" decoding="async" srcset="https://ciudadinforma.com.ar/wp-content/uploads/2025/12/ciudad-11.jpg 688w, https://ciudadinforma.com.ar/wp-content/uploads/2025/12/ciudad-11-300x198.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2025/12/ciudad-11-450x298.jpg 450w" sizes="(max-width: 688px) 100vw, 688px" />        </div>
      
      <div style="font-size:19px;line-height:1.85;color:#1f2937;">
        
<p>Una herramienta digital que permitirá a estudiantes y docentes comprender su consumo de agua, reflexionar sobre los hábitos cotidianos y promover acciones concretas para su cuidado.</p>



<p>En el marco de los programas&nbsp;<strong>Ciudadanía Global&nbsp;</strong>y<strong>&nbsp;Escuelas Verdes</strong>&nbsp;del&nbsp;<strong>Ministerio de Educación</strong>&nbsp;se desarrolló&nbsp;<strong><em>AquaLab: aprendé, medí y actuá</em></strong>, la primera aplicación bilingüe (español–inglés) en América Latina que permite a los usuarios medir la huella hídrica a partir de los consumos diarios, ofreciendo un informe personalizado con recomendaciones y acciones prácticas para reducirla.</p>



<p>Su diseño está pensado para integrarse en&nbsp;<strong>proyectos institucionales de educación ambiental integral y en propuestas pedagógicas vinculadas a las competencias globales y al desarrollo sostenible</strong>, promoviendo la participación activa de las comunidades educativas en la construcción de soluciones ante los desafíos actuales.</p>



<p>Como parte de la experiencia, <strong>la aplicación también permite sumarse a la Declaración por el Agua</strong>, renovando el compromiso individual y colectivo con su preservación.</p>



<p><strong>AquaLab</strong> se incorpora como un recurso que<strong> fortalece las propuestas de educación ambiental y climática en las escuelas de la Ciudad </strong>a través del uso de herramientas de medición, innovación pedagógica y cultura del dato, impulsando aprendizajes significativos que vinculan el conocimiento, la participación y el cuidado del ambiente.</p>
      </div>

    </article>

    <section style="margin-top:34px;background:#ffffff;border:1px solid #e6edf5;border-radius:24px;box-shadow:0 14px 34px rgba(16,42,74,0.06);padding:28px;box-sizing:border-box;">

      <div style="display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;">
        <div>
          <div style="font-size:12px;font-weight:900;color:#0b5f8f;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;">
            Más información
          </div>
          <h3 style="margin:0;font-size:28px;line-height:1.1;color:#132238;font-weight:900;">
            Noticias relacionadas
          </h3>
        </div>
      </div>

      <div style="display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;">

        
          <a href="https://ciudadinforma.com.ar/2026/04/25/argentina-dos-modelos-dos-resultados-la-realidad-que-vivimos-los-argentinos/" style="flex:1 1 300px;min-width:260px;text-decoration:none;color:#132238;background:#ffffff;border:1px solid #e6edf5;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px rgba(16,42,74,0.055);display:block;">

            <div style="width:100%;height:190px;background:#eef4fb;overflow:hidden;">
                              <img width="768" height="421" src="https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-768x421.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="" style="width:100%;height:190px;object-fit:cover;display:block;" decoding="async" srcset="https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-768x421.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-300x165.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-1024x562.jpg 1024w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-1536x843.jpg 1536w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-450x247.jpg 450w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5-780x428.jpg 780w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/PORTALES-5.jpg 1600w" sizes="(max-width: 768px) 100vw, 768px" />                          </div>

            <div style="padding:16px;">
              <div style="font-size:10px;font-weight:900;color:#0b5f8f;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;">
                25/04/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Argentina: dos modelos, dos resultados — la realidad que vivimos los argentinos              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                Durante las últimas dos décadas, la Argentina atravesó etapas profundamente distintas. No se trata de interpretaciones técnicas ni...              </div>
            </div>

          </a>

        
          <a href="https://ciudadinforma.com.ar/2026/04/08/inseguridad-y-noquis-moreno-en-llamas-y-con-mariel-fernandez-enfocada-en-candidatura-a-gobernadora/" style="flex:1 1 300px;min-width:260px;text-decoration:none;color:#132238;background:#ffffff;border:1px solid #e6edf5;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px rgba(16,42,74,0.055);display:block;">

            <div style="width:100%;height:190px;background:#eef4fb;overflow:hidden;">
                              <img width="768" height="447" src="https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-5-768x447.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="" style="width:100%;height:190px;object-fit:cover;display:block;" decoding="async" srcset="https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-5-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-5-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-5-450x262.jpg 450w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-5-780x454.jpg 780w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-5.jpg 880w" sizes="(max-width: 768px) 100vw, 768px" />                          </div>

            <div style="padding:16px;">
              <div style="font-size:10px;font-weight:900;color:#0b5f8f;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;">
                08/04/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Inseguridad y &#8220;ñoquis&#8221;: Moreno en llamas y con Mariel Fernández enfocada en candidatura a gobernadora              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                Una gravísima acusación por sueldos de &#8220;empleados fantasma&#8221; sacude al municipio mientras que la inseguridad no da tregua...              </div>
            </div>

          </a>

        
          <a href="https://ciudadinforma.com.ar/2026/04/03/vacaciones-mas-cortas-el-radicalismo-propone-que-los-concejales-bonaerenses-trabajen-en-verano/" style="flex:1 1 300px;min-width:260px;text-decoration:none;color:#132238;background:#ffffff;border:1px solid #e6edf5;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px rgba(16,42,74,0.055);display:block;">

            <div style="width:100%;height:190px;background:#eef4fb;overflow:hidden;">
                              <img width="768" height="447" src="https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-2-768x447.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="" style="width:100%;height:190px;object-fit:cover;display:block;" decoding="async" srcset="https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-2-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-2-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-2-450x262.jpg 450w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-2-780x454.jpg 780w, https://ciudadinforma.com.ar/wp-content/uploads/2026/04/ciudad-2.jpg 880w" sizes="(max-width: 768px) 100vw, 768px" />                          </div>

            <div style="padding:16px;">
              <div style="font-size:10px;font-weight:900;color:#0b5f8f;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;">
                03/04/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Vacaciones más cortas: el radicalismo propone que los concejales bonaerenses trabajen en verano              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                El diputado radical Matías Civale presentó un proyecto para ampliar el calendario de los 135 Concejos Deliberantes en...              </div>
            </div>

          </a>

        
      </div>
    </section>

  </main>

  <div id="footer-premium-ciudadinforma" style="width:100%;background:radial-gradient(circle at 15% 20%,rgba(25,181,255,0.18) 0%,transparent 32%),linear-gradient(135deg,#020914 0%,#063f63 50%,#020914 100%);color:#d9edf7;font-family:Arial,Helvetica,sans-serif;overflow:hidden;">

    <div style="max-width:1240px;margin:0 auto;padding:58px 22px 28px;box-sizing:border-box;">

      <div style="display:flex;flex-wrap:wrap;gap:42px;justify-content:space-between;align-items:flex-start;">

        <div style="flex:1 1 320px;">
          <div style="display:inline-block;background:rgba(255,255,255,0.96);padding:10px 14px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,0.28);margin-bottom:16px;">
            <img src="https://ciudadinforma.com.ar/wp-content/uploads/2026/05/WhatsApp-Image-2026-04-06-at-10.23.42-3-e1778007616365.jpeg" alt="Ciudad Informa" style="height:54px;display:block;border-radius:8px;">
          </div>

          <p style="margin:0 0 16px 0;font-size:14px;line-height:1.8;color:rgba(255,255,255,0.78);max-width:390px;">
            Portal digital con noticias, actualidad, política, sociedad, turismo y educación. Información clara, rápida y profesional.
          </p>

          <div style="display:inline-block;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.14);color:#d9f3ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;padding:9px 12px;border-radius:999px;">
            Red de medios · Grupo Tecnocom
          </div>
        </div>

        <div style="flex:1 1 190px;">
          <h4 style="margin:0 0 14px;font-size:13px;color:#ffffff;font-weight:900;letter-spacing:1px;text-transform:uppercase;">Secciones</h4>
          <div style="display:flex;flex-direction:column;gap:10px;">
            <a href="https://ciudadinforma.com.ar/" style="color:rgba(255,255,255,0.78);text-decoration:none;font-size:14px;font-weight:700;">Inicio</a>
            <a href="https://ciudadinforma.com.ar/politica/" style="color:rgba(255,255,255,0.78);text-decoration:none;font-size:14px;font-weight:700;">Política</a>
            <a href="https://ciudadinforma.com.ar/sociales/" style="color:rgba(255,255,255,0.78);text-decoration:none;font-size:14px;font-weight:700;">Sociales</a>
            <a href="https://ciudadinforma.com.ar/turismo/" style="color:rgba(255,255,255,0.78);text-decoration:none;font-size:14px;font-weight:700;">Turismo</a>
            <a href="https://ciudadinforma.com.ar/educacion/" style="color:rgba(255,255,255,0.78);text-decoration:none;font-size:14px;font-weight:700;">Educación</a>
          </div>
        </div>

        <div style="flex:1 1 220px;">
          <h4 style="margin:0 0 14px;font-size:13px;color:#ffffff;font-weight:900;letter-spacing:1px;text-transform:uppercase;">Contacto</h4>

          <div style="display:flex;flex-direction:column;gap:11px;font-size:14px;">

            <a href="https://api.whatsapp.com/send/?phone=5492216123608&text=Hola%20Ciudad%20Informa" target="_blank" style="display:inline-block;background:#25D366;color:#fff;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:900;width:max-content;box-shadow:0 10px 24px rgba(37,211,102,0.26);">
              WhatsApp 221 612 3608
            </a>

            <a href="https://ciudadinforma.com.ar/contacto" style="color:rgba(255,255,255,0.82);text-decoration:none;font-weight:700;">
              Contacto institucional
            </a>

            <a href="mailto:grupotecnocom@gmail.com" style="color:rgba(255,255,255,0.78);text-decoration:none;">
              grupotecnocom@gmail.com
            </a>

            <a href="https://grupotecnocom.com.ar" target="_blank" style="color:rgba(255,255,255,0.78);text-decoration:none;">
              www.grupotecnocom.com.ar
            </a>

          </div>
        </div>

      </div>

      <div style="margin:34px 0 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent);"></div>

      <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:rgba(255,255,255,0.62);">
        <div>© 2026 Ciudad Informa</div>
        <div>Grupo Tecnocom · 25 años online</div>
      </div>

    </div>

  </div>

</div>

```