<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/dejar-marchar">
    <img alt="Dejar marchar" 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/eyJfcmFpbHMiOnsiZGF0YSI6OTc1LCJwdXIiOiJibG9iX2lkIn19--9827024a5bfd5ada17b8f27a956c99c4ecdd012c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6746f9ae0850edd004290f76_WhatsApp%20Image%202024-11-26%20at%2017.27.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">Dejar marchar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Dejar marchar algo que no nos pertenece debería de ser igual de sencillo que cerrar la puerta de casa al llegar y guardar las llaves en el mueble de la entrada.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de noviembre 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/sangre-y-plomo">
    <img alt="Sangre y plomo" class="rounded-[16px] w-full h-auto bg-background-mid" width="300" height="500" style="aspect-ratio: 300 / 500;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjYzOSwicHVyIjoiYmxvYl9pZCJ9fQ==--6f119f7e9657390c05d03ae097a11bcfddb4b160/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/673dc4307b90511a06beb811_miguel%20angel%20blanco.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">Sangre y plomo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Publicó Alfonso J. Ussía hace unos días una novela sobre ETA, llamada Borroka, y Netflix sacó una serie donde la protagonista es la hija de un director de periódico asesinado por la misma banda.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de noviembre 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/por-la-calle-del-olvido">
    <img alt="Por la calle del olvido" class="rounded-[16px] w-full h-auto bg-background-mid" width="1536" height="2048" style="aspect-ratio: 1536 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ2MiwicHVyIjoiYmxvYl9pZCJ9fQ==--e07ae1e463f0237c56034229e56f3cfa6376d19e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/673488b8047500562abf0930_WhatsApp%20Image%202024-11-13%20at%2001.15.07.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">Por la calle del olvido</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Si alguna vez tuve algún cimiento sólido en estos veinticinco años de vida se hundió entre el fango de aquella calle que no sé situar en el mapa, pero que me hizo desprenderme de todo lo que llevaba en mi mochila.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        13 de noviembre 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/generacion-de-hierro">
    <img alt="Generación de hierro" class="rounded-[16px] w-full h-auto bg-background-mid" width="964" height="957" style="aspect-ratio: 964 / 957;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTMyMywicHVyIjoiYmxvYl9pZCJ9fQ==--afb8b5f3e8ff6e810cec054702b70ac9c0afec9c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672b4428f1876a6d76ecdbbf_WhatsApp%20Image%202024-11-06%20at%2011.10.20.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">Generación de hierro</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Llegó el terror y la crispación desapareció. Nadie pregunta a quién vota al otro ni su opinión sobre ningún tipo de cuestión política. No hay tiempo para andar desperdiciándolo en cosas menores, en personas que no están a la altura, en cargos que no nos llegan a la suela de los talones.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        6 de noviembre 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/doblan-las-campanas">
    <img alt="Doblan las campanas" class="rounded-[16px] w-full h-auto bg-background-mid" width="1116" height="743" style="aspect-ratio: 1116 / 743;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAwNiwicHVyIjoiYmxvYl9pZCJ9fQ==--6737ec98b2559b25d63a07ffc141545af289b286/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729234633ca7f46f737f902_6723527034146645269526d3_WhatsApp-20Image-202024-10-30-20at-2020.34.17.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">Doblan las campanas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Suenan las pisadas de los supervivientes buscando a sus familiares sobre los restos de barro y lodo que ha dejado Dana.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        31 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/pobres-y-autonomos">
    <img alt="Pobres y autónomos" class="rounded-[16px] w-full h-auto bg-background-mid" width="1248" height="698" style="aspect-ratio: 1248 / 698;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ1NSwicHVyIjoiYmxvYl9pZCJ9fQ==--28192e40adf3fa199380df4ccf6819a598dbb763/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292378a781c39fe4a935c7_67220f3a40730034b9df22e5_WhatsApp-20Image-202024-10-29-20at-2018.12.10.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">Pobres y autónomos</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Siempre me había considerado una persona valiente, pero dejé de serlo hace poco. Y lo hice en el instante en que conocí los tramos de la Cuota de Autónomos para 2025</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        30 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/te-quiero-te-extrano-y-te-lloro">
    <img alt="Te quiero, te extraño y te lloro" class="rounded-[16px] w-full h-auto bg-background-mid" width="720" height="1280" style="aspect-ratio: 720 / 1280;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjc1NywicHVyIjoiYmxvYl9pZCJ9fQ==--16b01bf46ad7a36232fc4a68609a16301501903b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729238513db137aad629892_6718c70774412f5df1ce898f_WhatsApp-20Image-202024-10-22-20at-2021.15.17.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">Te quiero, te extraño y te lloro</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Lleva el de arriba una racha que mete miedo. Ayer fallecía el tío de mi mejor amigo y apenas veinticuatro horas después mi abuela ha muerto.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        23 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/nunca-dejes-de-creer">
    <img alt="Nunca dejes de creer" 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/eyJfcmFpbHMiOnsiZGF0YSI6MjM0NCwicHVyIjoiYmxvYl9pZCJ9fQ==--ec0f8298d31785669d227351086a977041dfb673/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923752d0fcd2b0c2e02f5_670f90e6ee0f936d4507925f_WhatsApp-20Image-202024-10-15-20at-2015.44.19.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">Nunca dejes de creer</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hoy me he levantado y el dolor me ha apretado los dientes. He caminado como cada mañana hasta el baño para darme una ducha de agua fría y así tratar de aliviar toda la tensión y la ansiedad que anidan en mi cuerpo desde que comenzó septiembre.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 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/podriais-callaros">
    <img alt="Podríais callaros" class="rounded-[16px] w-full h-auto bg-background-mid" width="1170" height="1158" style="aspect-ratio: 1170 / 1158;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ1NywicHVyIjoiYmxvYl9pZCJ9fQ==--61aa1ce1b60ff6f2c34b2d3ec50a1cfe28ba6268/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923782d0fcd2b0c2e0493_6704ed5f6ff76b3cdd875797_WhatsApp-20Image-202024-10-07-20at-2014.28.38.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">Podríais callaros</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Mi relación con la cocina ha ido evolucionando desde aquella fatídica tarde en el comedor del colegio en la que la hermana Cari me obligó a comer lechuga y acabé vomitando.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 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">Gastronomía</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>