<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-hotel-tenia-piscina">
    <img alt="El hotel tenía piscina" class="rounded-[16px] w-full h-auto bg-background-mid" width="3024" height="4032" style="aspect-ratio: 3024 / 4032;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA5MywicHVyIjoiYmxvYl9pZCJ9fQ==--31974a6a87173e69148d2ff5cf64fed0d028f596/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/69316be935a75061c0147b6b_IMG_8065.jpeg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">El hotel tenía piscina</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El hotel tenía piscina, una piscina pequeña, majestuosa, climatizada, y yo no podía soportar la idea de no bañarme.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 de diciembre 2025
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/que-me-quiten-lo-mexicano">
    <img alt="Que me quiten lo mexicano" class="rounded-[16px] w-full h-auto bg-background-mid" width="6000" height="4000" style="aspect-ratio: 6000 / 4000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU0MSwicHVyIjoiYmxvYl9pZCJ9fQ==--bfbdebefeef6a84cfcd5f1af088f5f735baa2e05/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729237b26d30a73c6413ded_659d3dcb8270689039fa8442_no-20decia-20ni-20mu.jpeg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Que me quiten lo mexicano</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Unas palabras sobre el exilio y la dificultad de volver a una casa que ya no se siente como propia.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        9 de enero 2024
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/tormenta-de-verano">
    <img alt="Tormenta de verano" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="1600" style="aspect-ratio: 1200 / 1600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjgxNiwicHVyIjoiYmxvYl9pZCJ9fQ==--72cc1c92e90130accb575eec5e30d989e710ffd4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292386d40940814b713c32_6662c526c0fbaba6f3f13c40_WhatsApp-20Image-202024-06-07-20at-2000.32.57.jpeg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Tormenta de verano</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Cuando salí del metro en Príncipe Pío ya estaba lloviendo. A cántaros. Como si el sol se hubiera cansado de solear de repente.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de junio 2024
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/peluqueria-y-decadencia">
    <img alt="Peluquería y decadencia" class="rounded-[16px] w-full h-auto bg-background-mid" width="1080" height="1080" style="aspect-ratio: 1080 / 1080;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQwMiwicHVyIjoiYmxvYl9pZCJ9fQ==--6e7b487bd1cea79e9e7a50faddb8a68479d61a49/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/6729237850e0d1675c6da7e9_65e614df2e29df206882d430_bad-20bunny-202.png" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Peluquería y decadencia</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Me enervan las personas que van por la vida muy seguras de sí mismas mientras yo me arrastro por el suelo de esta existencia introspectiva y sin carácter.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 de marzo 2024
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/suspiro-de-un-imberbe">
    <img alt="Suspiro de un imberbe " class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="1600" style="aspect-ratio: 1200 / 1600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjczNywicHVyIjoiYmxvYl9pZCJ9fQ==--cd7f0705bab4376e482b6dc9313cef57222cd5e0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67c057ab406843ccd70981d6_WhatsApp%20Image%202025-02-26%20at%2023.25.56.jpeg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Suspiro de un imberbe </h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">1. El obrero que reforma el local debajo de mi casa martillea las paredes con ímpetu de pájaro carpintero. Siento en los pies la vibración del suelo y mi mente se va por un instante a los terremotos de Ciudad de México que hacían vibrar levemente la tierra (...) Siempre era el último en salir del edificio.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de febrero 2025
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/isla-telefonillo">
    <img alt="Isla telefonillo" class="rounded-[16px] w-full h-auto bg-background-mid" width="720" height="960" style="aspect-ratio: 720 / 960;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUzNywicHVyIjoiYmxvYl9pZCJ9fQ==--626b3f0ed7e18163e4c1865c68f665a1c6d3af66/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/682307bfcf45aac0f98043dd_telefonillo.jpg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Isla telefonillo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Era un jueves tranquilo de mediados de marzo cuando una señora, en vez de seguir su camino, se quedó parada a la salida del portal. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        13 de mayo 2025
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/retazos-de-mil-vidas">
    <img alt="Retazos de mil vidas" class="rounded-[16px] w-full h-auto bg-background-mid" width="750" height="1334" style="aspect-ratio: 750 / 1334;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU4NiwicHVyIjoiYmxvYl9pZCJ9fQ==--30e57471ecb07d857b18d918c886c2b775e80840/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729237ce724dc8d36e724db_66424baa5643a0af2c35b9e2_retazos.jpeg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Retazos de mil vidas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Al otro lado de la puerta sonaba, como si alguien estuviera a punto de enloquecer, Ne me quite pas, de Jacques Brel, ese caballo monstruoso de la música francesa. “¡Qué escándalo!”, escribí en las notas de mi teléfono.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        13 de mayo 2024
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/un-ciclista-contra-madrid">
    <img alt="Un ciclista contra Madrid" class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="1600" style="aspect-ratio: 1600 / 1600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjg2OSwicHVyIjoiYmxvYl9pZCJ9fQ==--d854e7f0bb4882cc521f9abee10a877ba5ebc5f1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292388886ccff6157ad4e0_663a0aed18bc8bb5879283d0_WhatsApp-20Image-202024-05-07-20at-2012.32.12.jpeg" />
  <div class="flex flex-col items-end gap-[16px] self-stretch">
    <div class="flex flex-col items-start gap-[20px] self-stretch">
      <h3 class="overflow-hidden line-clamp-3 text-ellipsis self-stretch font-high-s">Un ciclista contra Madrid</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La bicicleta me desespera, pero creo que me he vuelto adicto. ¿Quién le quita el manillar de goma a las Bicimad? ¿Quién revienta la pequeña pantalla donde aparece la batería?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de mayo 2024
    </p>
  </div>

  <div class="absolute left-[16px] top-[16px] flex flex-col items-start gap-[8px]">
      <div class="flex h-[40px] py-[8px] px-[12px] justify-center items-center gap-[4px] rounded-[999px] bg-background-mid backdrop-blur-[10px]">
    <span class="font-low-m">Costumbres</span>
  </div>

  </div>
</a>
</template></turbo-stream>
<turbo-stream action="replace" target="load_more_button"><template>
  <div id="load_more_button" class="flex justify-center w-full pt-8">
</div>

</template></turbo-stream>