<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/te-tomare-en-mis-brazos-tantas-veces-como-necesites">
    <img alt="Te tomaré en mis brazos tantas veces como necesites" class="rounded-[16px] w-full h-auto bg-background-mid" width="768" height="768" style="aspect-ratio: 768 / 768;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjc1OSwicHVyIjoiYmxvYl9pZCJ9fQ==--2d794d50c8567d0ee4eaf73e4f28397ef5cf004e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67ced7c715016e4114204a93_1366_2000.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 tomaré en mis brazos tantas veces como necesites</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Llevo un rato leyendo y releyendo los comentarios del vídeo. Son casi ocho mil. La mayoría son mensajes de ánimo, apelaciones a seguir luchando. Muchos son testimonios de enfermedades, rupturas, pérdidas, adicciones.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 de marzo 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">Interiores</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/veintinueve-cadaveres-debajo-de-una-casa">
    <img alt="Veintinueve cadáveres debajo de una casa" class="rounded-[16px] w-full h-auto bg-background-mid" width="1800" height="1800" style="aspect-ratio: 1800 / 1800;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjk2MSwicHVyIjoiYmxvYl9pZCJ9fQ==--94ff7417a1442e77eb109be169ba352c223e82e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/67b6f9a26ab9a79d1e4d1cb6_john%20wayne%20gacy.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">Veintinueve cadáveres debajo de una casa</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Paso el invierno en la misma postura. Estoy enfermo. Tirado en el sofá. Pongo algún documental de crímenes reales de Netflix. Pido más comida a domicilio que mi salud o mi bolsillo pueden soportar.</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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/taylor-swift-y-las-maquinas-asesinas">
    <img alt="Taylor Swift y las máquinas asesinas" class="rounded-[16px] w-full h-auto bg-background-mid" width="1067" height="1000" style="aspect-ratio: 1067 / 1000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjc1MSwicHVyIjoiYmxvYl9pZCJ9fQ==--f447258066845bf38d23c9dc10514afdf9c9bda5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/67ab219961377d6954d33b3a_taylor%20.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">Taylor Swift y las máquinas asesinas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En la película Cube, el ingeniero hace una declaración espantosa: el conjunto de todas las trampas no responde a ningún diseño general. El laberinto no tiene un centro.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        11 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-vida-es-una-fiesta-que-un-dia-termina">
    <img alt="La vida es una fiesta que un día termina" class="rounded-[16px] w-full h-auto bg-background-mid" width="1000" height="1000" style="aspect-ratio: 1000 / 1000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg3MiwicHVyIjoiYmxvYl9pZCJ9fQ==--264ab46c726cd56b19b47498cf31e58dba5c5996/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/6780ef2a88a6c53f5300fee0_debi%20tirar%20ma%CC%81s%20fotos.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 vida es una fiesta que un día termina</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Me abruma el tópico, pero Benito lo ha vuelto a hacer. Puede parecer contradictorio, si se piensa, que en un género tan delimitado, popular y mercantilizado como es el reggaetón, exista una vanguardia.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 de enero 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/los-caballos-salvajes">
    <img alt="Los caballos salvajes" class="rounded-[16px] w-full h-auto bg-background-mid" width="1080" height="720" style="aspect-ratio: 1080 / 720;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk5NiwicHVyIjoiYmxvYl9pZCJ9fQ==--728ee0ca96677ecb608fb34e3a1e079f7a3f7910/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/6761bb0bb008d07809c6e3e0_los%20caballos%20salvajes.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">Los caballos salvajes</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Pienso muchas veces en las veces que he estado cerca de morir. Tengo doce años y estoy con mi hermana en Mónsul, en Cabo de Gata, cuando la corriente nos arrastra tan lejos de la playa que tenemos que nadar hasta los acantilados.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        17 de diciembre 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/las-luces-de-navidad">
    <img alt="Las luces de Navidad" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="1104" style="aspect-ratio: 736 / 1104;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg5OSwicHVyIjoiYmxvYl9pZCJ9fQ==--f00ef304f9e527553b0e7cc9f935e14de38bdf8b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/674da53ccb52ffc2b5dc0416_LAS%20LUCES%20DE%20NAVIDAD.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">Las luces de Navidad</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Fue nuestra última cita. Era diciembre, hacía un frío espantoso y querías ir al centro de Madrid a ver las luces de Navidad. Yo te acompañé reticente. Tú estabas feliz, pletórica.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 de diciembre 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/los-sonny-angels-y-las-cosas-que-no-entiendo">
    <img alt="Los Sonny Angels y las cosas que no entiendo" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="676" style="aspect-ratio: 1200 / 676;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjA0NywicHVyIjoiYmxvYl9pZCJ9fQ==--d318ba5d6181c9e48a997d73af0a886ce37abb8c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/67333877f069c4e970133f45_91215261-34c0-404f-9e87-dd986a3e8ad2_alta-libre-aspect-ratio_default_0.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">Los Sonny Angels y las cosas que no entiendo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No entiendo qué son los Sonny Angels. Aparecieron de la nada, como presencias traviesas de otro mundo, encaramados en las fundas de los móviles, irrumpiendo en mi feed y las esquinas de mi campo de visión.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        12 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>
</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>