<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/algo-de-nada">
    <img alt="Algo de nada" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="785" style="aspect-ratio: 1200 / 785;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg1LCJwdXIiOiJibG9iX2lkIn19--56665782cf356ddcfd797e66d26d8ae1130c6b11/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/685448ebae5f5156e0a631f6_image%20(29).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">Algo de nada</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Una buena columna tiene algo de patinaje sobre hielo, de dejarse escurrir, de tobogán.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 de junio 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">Libros</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/quien-tiene-hambre">
    <img alt="Quién tiene hambre" class="rounded-[16px] w-full h-auto bg-background-mid" width="840" height="560" style="aspect-ratio: 840 / 560;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU1NiwicHVyIjoiYmxvYl9pZCJ9fQ==--29a88c6a5fac408fb27d3e89d85ea6db6a464f15/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/684aefdaa60b2a1cbb409e38_840_560.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">Quién tiene hambre</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Como llevas toda la tarde de terrazas y solo has cenado cerveza y aceitunas, ignoras a la voz de tu conciencia y pides un Glovo. Eliges una hamburguesa con patatas, prestando peligrosa atención a la pantalla al caminar, y calculas que llegará más o menos cuando tú llegues. Un repartidor arranca la moto mientras tú coses la calle, ambos en la misma dirección.‍</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        12 de junio 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>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-literatura-como-coartada">
    <img alt="La literatura como coartada" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="800" style="aspect-ratio: 1200 / 800;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY0OCwicHVyIjoiYmxvYl9pZCJ9fQ==--01af36032319e545221900ca5be22b2931be78fa/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/684179e39b0c9ec29efb77a7_image%20(26).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">La literatura como coartada</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Leire Díez es una escritora española. Una escritora española sin obra, como Michi Panero. Y, como Michi Panero, no necesita obra porque su vida misma es literatura.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 de junio 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/ir-a-japon-en-coche">
    <img alt="Ir a Japón en coche" class="rounded-[16px] w-full h-auto bg-background-mid" width="958" height="1224" style="aspect-ratio: 958 / 1224;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUyMywicHVyIjoiYmxvYl9pZCJ9fQ==--68aa3a984f3d21f5fcd0f5b02d9054e92560fbde/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/68383b2be7307d8e846d8bb0_Screenshot%202025-05-29%20at%2012.46.51.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">Ir a Japón en coche</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">si todo va bien, Fabio y su Marea deberían estar arribando a las costas de Japón en un ferry desde Corea del Sur en este momento.‍</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        29 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">Internet</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/sabias-que-tierno-galvan-trajo-a-los-smiths-a-san-isidro">
    <img alt="¿Sabías que Tierno Galván trajo a los Smiths a San Isidro?" class="rounded-[16px] w-full h-auto bg-background-mid" width="1024" height="655" style="aspect-ratio: 1024 / 655;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjYyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--6defd7f88b66e58c8f24947a0c5a5d5c61e694b9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/682ee6083520902ccbe5e374_29WILLIAMS-jumbo.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">¿Sabías que Tierno Galván trajo a los Smiths a San Isidro?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Los políticos están haciendo hermosas piruetas para colarse en el feed de nuestras redes sociales. Ahora se disfrazan de influencers.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        22 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/los-limites-del-consentimiento">
    <img alt="Los límites del consentimiento" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="900" style="aspect-ratio: 1200 / 900;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjAxMywicHVyIjoiYmxvYl9pZCJ9fQ==--bb59fb33c80da8cd1eec31498674177ce6145403/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/6825b154e4351b42cb98a7ed_1-Michel-Houellebecq-2016-Berlin-Author-GettyImages-610528536.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">Los límites del consentimiento</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En una cita que tuve hace unos meses en cierto restaurante, mi interlocutora decidió sacar una serie de temas polémicos para avivar una conversación que no terminaba de levantar el vuelo.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        15 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-comite-de-investigacion-esta-investigando">
    <img alt="El comité de investigación está investigando" class="rounded-[16px] w-full h-auto bg-background-mid" width="1140" height="570" style="aspect-ratio: 1140 / 570;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA0MywicHVyIjoiYmxvYl9pZCJ9fQ==--02e334019e4375bdbe072b083f92c4ba8625a432/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/681c72e90a447f02c8b0f025_Screen-Shot-2021-06-30-at-60209-PM.avif" />
  <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 comité de investigación está investigando</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Diez días después del apagón que dejó a la península ibérica desconectada durante varias horas seguimos sin respuestas oficiales (...) la verdad de lo que sucedió se va hundiendo en las arenas movedizas de una espesa colección de investigaciones</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 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">Ideas</span>
  </div>

  </div>
</a>
    <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>