```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;">
              domingo, 28 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;">
        DESDE 1934 EL18 FESTEJAMOS EL DÍA DE LA ESCARAPELA. ¡Feliz Día de la Escarapela!      </h1>

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

              <div style="margin-bottom:32px;border-radius:18px;overflow:hidden;background:#eef4fb;">
          <img width="900" height="470" src="https://ciudadinforma.com.ar/wp-content/uploads/2024/05/18-de-mayo-dia-de-la-escarapela-05-18flyerescarapela.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/2024/05/18-de-mayo-dia-de-la-escarapela-05-18flyerescarapela.jpg 900w, https://ciudadinforma.com.ar/wp-content/uploads/2024/05/18-de-mayo-dia-de-la-escarapela-05-18flyerescarapela-300x157.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2024/05/18-de-mayo-dia-de-la-escarapela-05-18flyerescarapela-768x401.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2024/05/18-de-mayo-dia-de-la-escarapela-05-18flyerescarapela-840x440.jpg 840w" sizes="(max-width: 900px) 100vw, 900px" />        </div>
      
      <div style="font-size:19px;line-height:1.85;color:#1f2937;">
        
<h1 class="wp-block-heading"></h1>



<p class="wp-block-paragraph">Hoy celebramos uno de los símbolos más queridos de nuestra identidad nacional. La escarapela, con sus colores celeste y blanco, nos une como argentinos y nos recuerda nuestra historia de lucha por la independencia.</p>



<p class="wp-block-paragraph">🔵⚪️ La escarapela representa el cielo y las nubes, un reflejo de nuestro deseo de libertad y paz. Es un emblema que llevamos con orgullo en nuestras prendas y corazones.</p>



<p class="wp-block-paragraph">En este día, reafirmemos nuestro compromiso con la cultura y la unidad de nuestra querida Argentina. ¡Vistamos la escarapela con honor y gratitud!</p>



<p class="wp-block-paragraph">Para seguir leyendo haga clic en el enlace de abajo &#8230;</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/26/sesion-en-el-senado-bonaerense-berni-al-consejo-de-la-magistratura-el-pro-y-el-peronismo-unidos-contra-milei-por-zona-fria/" 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-15-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-15-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-15-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-15.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;">
                26/06/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Sesión en el Senado bonaerense: Berni al Consejo de la Magistratura, el PRO y el peronismo unidos contra Milei por Zona Fría              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                En una sesión ordinaria conducida por la vicegobernadora Verónica Magario, la Cámara Alta aprobó la creación de un...              </div>
            </div>

          </a>

        
          <a href="https://ciudadinforma.com.ar/2026/06/25/guerra-tensa-en-el-senado-bonaerense-ishii-berni-magario-y-un-cruce-tenso-que-dejo-repercusion/" 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-14-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-14-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-14-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-14.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;">
                25/06/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Guerra tensa en el Senado bonaerense: Ishii, Berni, Magario y un cruce tenso que dejó repercusión              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                La sesión ordinaria terminó en un verdadero estallido de la interna peronista cuando el intendente de José C....              </div>
            </div>

          </a>

        
          <a href="https://ciudadinforma.com.ar/2026/06/24/que-es-la-ley-rappi-el-nuevo-proyecto-que-kicillof-envio-para-reactivar-la-legislatura/" 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-13-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-13-768x447.jpg 768w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-13-300x175.jpg 300w, https://ciudadinforma.com.ar/wp-content/uploads/2026/06/ciudad-13.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;">
                24/06/2026              </div>

              <div style="font-size:18px;line-height:1.2;font-weight:900;color:#132238;margin-bottom:8px;">
                Qué es la &#8220;Ley Rappi&#8221;: el nuevo proyecto que Kicillof envió para reactivar la Legislatura              </div>

              <div style="font-size:13px;line-height:1.55;color:#5b6675;">
                Tras meses de parálisis, el Gobernador remitió tres expedientes clave a la Legislatura que buscan regular a los...              </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>

```