<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/adios-mila">
    <img alt="Adiós, Milà" class="rounded-[16px] w-full h-auto bg-background-mid" width="750" height="750" style="aspect-ratio: 750 / 750;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTc1LCJwdXIiOiJibG9iX2lkIn19--52a6833e5b5f6f37661ee9d51f381b37b8d635e8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292336b00677d5afc31673_66e41397aee87a67e457b92b_miguel-20mila-CC-81-20portada.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">Adiós, Milà</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hoy se cumple 1 mes de la muerte del diseñador Miguel Milà. Repasamos su doble decálogo de frases de su libro &quot;Lo Esencial: Una guía de diseño para la vida&quot;</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        13 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">Diseños</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-efecto-monobloc">
    <img alt="El efecto Monobloc" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="736" style="aspect-ratio: 736 / 736;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA3MCwicHVyIjoiYmxvYl9pZCJ9fQ==--793721b77a4270d7325a722a3972193c28bab5d6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/66bd0040811df120b0e9db15_AD_4nXedm5XM4YbAQtZXlH-c6LgWct3-7r97GcasX8cBlvx0xK6Iu3PmZbU9fKZbhAL7HJ2UQFmKUje9K2fVAXeJFe0-ACa4PFJ3Fr-vSRPu0YKDT4i6iN5Im7f1LOzyuqynJ6W4pww-6COMD1kx7BBEJELuZ-4f.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">El efecto Monobloc</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Estoy sentando en una silla blanca de plástico. Basta. No hace falta más. Con esas palabras es suficiente para imaginarla. Una silla blanca de plástico. No se necesitan más palabras. La silla blanca de plástico, un objeto universal y atemporal.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        14 de agosto 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">Diseños</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/los-zapatos-del-verano">
    <img alt="Los zapatos del verano" class="rounded-[16px] w-full h-auto bg-background-mid" width="787" height="1024" style="aspect-ratio: 787 / 1024;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjA2MCwicHVyIjoiYmxvYl9pZCJ9fQ==--e890026a744ddc68a7220b65dac9cd93dc86d559/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729236c6c86b924de39100d_66acc195e342035a79f65c85_birkenstock.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">Los zapatos del verano</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Alemania, Langen-Bergheim. 1774. Un joven humilde —imaginémoslo grande y con las mejillas coloradas— decide abrir un taller de zapatos y darle el nombre de su familia: Birkenstock. El bueno de Johannes no lo sabe, pero dentro de unos años su apellido dividirá la opinión de medio mundo.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 de agosto 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">Diseños</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>