<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/vuelve-la-gossa-sorda">
    <img alt="Vuelve La Gossa Sorda" class="rounded-[16px] w-full h-auto bg-background-mid" width="489" height="387" style="aspect-ratio: 489 / 387;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTMzOTgsInB1ciI6ImJsb2JfaWQifX0=--cf74af7ffc1bd8017b481b4b63442efe1cea0228/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/Logo.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">Vuelve La Gossa Sorda</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Aunque podría parecer la enésima gira-retorno sacaperras en esta era de postnostalgia empachante, me gustaría aclararle a un lector desprevenido...</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de abril 2026
    </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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/esquizofrenia-eolica">
    <img alt="Esquizofrenia eólica" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="1366" style="aspect-ratio: 2048 / 1366;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIyMSwicHVyIjoiYmxvYl9pZCJ9fQ==--5e71fcd41869f476ecdbd76110abbcd11dac3e02/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/67292350d0a298178175630f_668d33a058c26848ab903909_esquizofrenia-20eo-CC-81lica-201.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">Esquizofrenia eólica</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Como todo buen hombre de la new wave de masculinidad tóxica, paso varias horas semanales mirando Google Maps. Busco zonas para aparcar en ciudades en las que nunca he estado, pueblos rurales con carreteras potencialmente divertidas y el punto peninsular más alejado de cualquier «Casa de las Carcasas».</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        9 de julio 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">Internet</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/l-a-costa-de-quien">
    <img alt="(L)a costa de quién" class="rounded-[16px] w-full h-auto bg-background-mid" width="806" height="560" style="aspect-ratio: 806 / 560;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTU3MywicHVyIjoiYmxvYl9pZCJ9fQ==--6b7858ed1a6c3d3a7214421c3837dbec8ba2d0a3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729235d8fdf92807d71ed40_66d9ee672681c74e35b65c36_WhatsApp-20Image-202024-09-03-20at-2009.02.47.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">(L)a costa de quién</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Empezó como empieza todo: sin darte ni cuenta. Fue hace mucho tiempo. Eran otros días y brillaban otros soles. Recuerdo estar en la plaza jugando a la pelota y oír un acento nuevo. Tipos altos, barbudos y desaliñados; así solían ser Ellos. Mochilas sobre mochilas y sandalias sobre calcetines.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 de septiembre 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">Ficciones</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/triple-dolor-azul">
    <img alt="Triple dolor azul" class="rounded-[16px] w-full h-auto bg-background-mid" width="600" height="750" style="aspect-ratio: 600 / 750;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjgyNCwicHVyIjoiYmxvYl9pZCJ9fQ==--56ad1c35dc6884aca4af4e2495c4a409f3b9060f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/66ffb7f109664ea398c6b780_66ffb7e364cd5d6d0c2ceb47_escher-202.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">Triple dolor azul</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Otra vez, el mismo camino. Vuelvo a empezar. Los mismos pasos enrabiados por la calle. El mismo cabreo porque los auriculares tardan en conectar. Como si fuese eso.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 de octubre 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">Interiores</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/recuerdos-de-supernova">
    <img alt="Recuerdos de Supernova" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="600" style="aspect-ratio: 1200 / 600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU3NCwicHVyIjoiYmxvYl9pZCJ9fQ==--9384f93e5dac6953a1e45c2c797dd2a4f5f17553/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/67b71b1edec2d7e905eb23d5_blackole.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">Recuerdos de Supernova</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La cápsula osciloreceptora VYRX-72 interceptó una extraña comunicación proveniente de un futuro no muy lejano. Una sociedad destruida tras el ocaso del mundo digital.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 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">Ficciones</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>