```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;">
              lunes, 8 de junio 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/sociales/" rel="category tag">Sociales</a>      </div>

      <h1 style="margin:0 0 14px 0;font-size:46px;line-height:1.08;color:#132238;font-weight:900;">
        Cafecito BA, el evento del año para los amantes del café      </h1>

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

              <div style="margin-bottom:32px;border-radius:18px;overflow:hidden;background:#eef4fb;">
          <img width="519" height="344" src="https://ciudadinforma.com.ar/wp-content/uploads/2025/05/9-5ciudadinforma.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/05/9-5ciudadinforma.jpg 519w, https://ciudadinforma.com.ar/wp-content/uploads/2025/05/9-5ciudadinforma-300x199.jpg 300w" sizes="(max-width: 519px) 100vw, 519px" />        </div>
      
      <div style="font-size:19px;line-height:1.85;color:#1f2937;">
        
<p class="wp-block-paragraph"><br>Este fin de semana llega una experiencia única para vivir la identidad porteña a través del café.<br><br>El sábado 10 y el domingo 11 de mayo, de 10 a 18.30 h en la Plaza de las Naciones Unidas, más conocida como Plaza de la Flor, vecinos y turistas podrán descubrir el enorme abanico de sabores que ofrecen las cafeterías porteñas.</p>



<p class="wp-block-paragraph">En Cafecito BA encontrarán las mejores cafeterías de la Ciudad, con opciones dulces y saladas para acompañar esa infusión tan valorada por los porteños.</p>



<p class="wp-block-paragraph"><br>Habrá 22 cafeterías y pastelerías,&nbsp;además de una biblioteca y un cine al aire libre para disfrutar el café con una película y buena literatura.</p>



<p class="wp-block-paragraph">También se podrá disfrutar de un espacio de juegos para niños y familias, DJ y shows de música en vivo.</p>



<p class="wp-block-paragraph">El evento es con entrada libre y gratuita y apto para mascotas.</p>



<p class="wp-block-paragraph"></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/06/08/se-cayo-el-super-lunes-en-diputados-bonaerense-por-que-se-postergo-la-doble-sesion/" 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/06/ciudad-4-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/06/ciudad-4-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-4-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-4.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/06/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Se cayó el &#8220;súper lunes&#8221; en Diputados bonaerense: por qué se postergó la doble sesión              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                A horas del inicio, la presidencia de la Cámara reprogramó las convocatorias para el próximo jueves 11 de...              </div>
            </div>

          </a>

        
          <a href="https://ciudadinforma.com.ar/2026/06/05/operativo-clamor-el-pro-pide-macri-2027-y-marca-la-distancia-con-bullrich/" 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/06/ciudad-3-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/06/ciudad-3-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-3-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-3.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;">
                05/06/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Operativo clamor: el PRO pide “Macri 2027” y marca la distancia con Bullrich              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                La vicejefa de Gobierno porteño, Clara Muzzi, aseguró que una postulación del expresidente “llena de ilusión” al espacio...              </div>
            </div>

          </a>

        
          <a href="https://ciudadinforma.com.ar/2026/06/04/petrecca-presiona-a-kicillof-para-adherir-a-la-reforma-de-la-vtv-de-milei/" 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/06/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/06/ciudad-2-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-2-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/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;">
                04/06/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Petrecca presiona a Kicillof para adherir a la reforma de la VTV de Milei              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                El presidente del bloque de senadores del PRO afirmó que la desregulación lanzada por el Gobierno Nacional ratifica...              </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>

```