<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/eres-mi-amiga-y-no-quiero-que-te-duela-la-tripa">
    <img alt="Eres mi amiga y no quiero que te duela la tripa" class="rounded-[16px] w-full h-auto bg-background-mid" width="2880" height="1800" style="aspect-ratio: 2880 / 1800;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE5OCwicHVyIjoiYmxvYl9pZCJ9fQ==--3d6fec22eb00eb9a4646e15f0fd1476ce636c5eb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/67518863d8f55089502cead7_Captura%20de%20pantalla%202024-12-04%20a%20las%2010.59.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">Eres mi amiga y no quiero que te duela la tripa</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Soy yo, Nadia.
He estado pensando en todas. Creo que soy una mala amiga. Estoy bastante segura de que soy una mala amiga.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 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/tengo-suenos-donde-bebo-barro">
    <img alt="Tengo sueños donde bebo barro" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="1536" style="aspect-ratio: 2048 / 1536;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjc2OSwicHVyIjoiYmxvYl9pZCJ9fQ==--e4207595726b16130c812fbaceb53c98c92211ad/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/67405f2827d135b8e0853bce_suen%CC%83os%20barro%201.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">Tengo sueños donde bebo barro</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Un valenciano es fácil de detectar. Bien sobón y mucha chepa. Caras arrugadas de haber sido muy joven en la Spook.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        22 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">Costumbres</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>