<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/correr-a-costa-de-los-demas">
    <img alt="Correr a costa de los demás" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="851" style="aspect-ratio: 1280 / 851;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTE2LCJwdXIiOiJibG9iX2lkIn19--b19b0a91939e036099a9d7db15ac4612e980bdf1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/681339963af85f9017b2f24b_correracostadelosdemas.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">Correr a costa de los demás</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Madrid se llenó de estos sufridores el pasado domingo durante la Zurich Rock n’ Roll Running Series, un evento que tomó como rehenes a todos los madrileños durante el fin de semana para darle el gusto a un puñado de corredores.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        1 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/las-calles-oscuras">
    <img alt="Las calles oscuras" class="rounded-[16px] w-full h-auto bg-background-mid" width="1124" height="750" style="aspect-ratio: 1124 / 750;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg5NCwicHVyIjoiYmxvYl9pZCJ9fQ==--dd7e05873f8a3ea3b26c2588535953fa7f9b8789/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/680a11ae891456002f63c12a_Perseo%20(1).webp" />
  <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">Las calles oscuras</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El problema central del ‘establishment’ cuando se enfrenta a la literatura radical contemporánea de autores alucinados, fascistas, peligrosos y libérrimos como Mike Ma, Delicious Tacos, Roosh V o el propio BAP.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 de abril 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">Ideas</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>