<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/yo-que-fui-tormenta-yo-que-fui-tornado-yo-que-fui-volcan-ahora-soy-un-volcan-apagado">
    <img alt="yo que fui tormenta, yo que fui tornado, yo que fui volcán... ahora soy un volcán apagado" class="rounded-[16px] w-full h-auto bg-background-mid" width="1050" height="1400" style="aspect-ratio: 1050 / 1400;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzA1MiwicHVyIjoiYmxvYl9pZCJ9fQ==--32ee8b4d3add69da9ab51417c6f0a7ff2df3dc70/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/68f786c7e30823075ddd053d_mar%20creciente%20+%20helada%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">yo que fui tormenta, yo que fui tornado, yo que fui volcán... ahora soy un volcán apagado</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Quería escribir un texto contundente sobre las acometidas narrativas a mis circunstancias. Quería ser expresamente graciosa en hablar de mis conductas y travesías personales del último mes.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        21 de octubre 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/mi-diario-no-es-como-el-de-a-flora-p-acto-iii">
    <img alt="Mi diario no es como el de A. Flora P. (Acto III)" class="rounded-[16px] w-full h-auto bg-background-mid" width="1141" height="1541" style="aspect-ratio: 1141 / 1541;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDYzNzYsInB1ciI6ImJsb2JfaWQifX0=--5ffe56bd7814b6a6af00962d0839b6a098ad6b09/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/tertulia%20zoom.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">Mi diario no es como el de A. Flora P. (Acto III)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En un punto de la serie de Aquí no hay quien viva, se murmura a sí misma:  ¡Tengo trabajo, tengo amor, para que luego digan que el horóscopo miente!</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        29 de septiembre 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">Interiores</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>