<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/triptico-de-nueva-york-iii-new-york-new-york">
    <img alt="Tríptico de Nueva York III: New York, New York" class="rounded-[16px] w-full h-auto bg-background-mid" width="2728" height="1830" style="aspect-ratio: 2728 / 1830;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjgzNSwicHVyIjoiYmxvYl9pZCJ9fQ==--79106464240d4325fce528aaac8d56f7a3f5300b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/68dec66851050fc5d339e496_131527_010.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">Tríptico de Nueva York III: New York, New York</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Capítulo tres. Adoré Nueva York. La idolatré fuera de toda proporción. No, digamos que romanticé que todo fuera desproporcionado. Mejor.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 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">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/triptico-de-nueva-york-ii-rhapsody-in-new-york">
    <img alt="Tríptico de Nueva York II: Rhapsody in New York" class="rounded-[16px] w-full h-auto bg-background-mid" width="1098" height="1637" style="aspect-ratio: 1098 / 1637;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjgzMiwicHVyIjoiYmxvYl9pZCJ9fQ==--8dca8dd29473de3b5e39111e8d47403ff6c81114/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/68d5793810966eb24117717d_131527_013%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">Tríptico de Nueva York II: Rhapsody in New York</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Tras el primer asalto, la ciudad y yo firmamos una tregua tácita.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        25 de septiembre 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">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/triptico-de-nueva-york-i-i-like-to-be-in-america">
    <img alt="Tríptico de Nueva York I: I like to be in America!" class="rounded-[16px] w-full h-auto bg-background-mid" width="2728" height="1830" style="aspect-ratio: 2728 / 1830;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjgyNywicHVyIjoiYmxvYl9pZCJ9fQ==--bb7981ccea7dc695aef5bd28e85c0fcf6a4b040a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/68cc4e8096647e4ea4396e6d_131527_011.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">Tríptico de Nueva York I: I like to be in America!</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay un temblor que precede a ciertos viajes. Es el peso de la mitología.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 de septiembre 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">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/casta-diva-en-pan-de-brioche">
    <img alt="Casta Diva en pan brioche" 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/eyJfcmFpbHMiOnsiZGF0YSI6ODE3LCJwdXIiOiJibG9iX2lkIn19--91c9b5fa4fc233569c63b08af1cdfdc0ce1faa8d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/68b9800803be9db0e1800c32_IMG_2492.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">Casta Diva en pan brioche</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Como una revelación, como una nota pura y solitaria en mitad del ruido, aparece la idea. No, no es una idea. Es una necesidad física, una urgencia que me sube desde las tripas hasta la garganta. Hamburguesa.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 de septiembre 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/poeta-chileno-alejandro-zambra">
    <img alt="Poeta Chileno, Alejandro Zambra" class="rounded-[16px] w-full h-auto bg-background-mid" width="667" height="1000" style="aspect-ratio: 667 / 1000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ1OCwicHVyIjoiYmxvYl9pZCJ9fQ==--5a55c6078396f8b211ac7bc078ebce33c846df14/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/68aec7d1b763a914d245172c_81F7p7ti42L._UF1000,1000_QL80_.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">Poeta Chileno, Alejandro Zambra</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">A veces creo que soy una estafa.‍ Que todo este ritual —sentarse frente a la pantalla, abrir un documento en blanco, dejar que los dedos se muevan como si de verdad tuvieran algo que contar— no es más que un truco aprendido, una imitación bien practicada.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de agosto 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">Libros</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/instrucciones-para-llorar-bonito">
    <img alt="Instrucciones para llorar bonito" class="rounded-[16px] w-full h-auto bg-background-mid" width="1536" height="1024" style="aspect-ratio: 1536 / 1024;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUxNCwicHVyIjoiYmxvYl9pZCJ9fQ==--68e7d6633084695c68c2e5e671693558e4acce7a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/68a7538b269c727515fc876c_The%20swan.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">Instrucciones para llorar bonito</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay un momento en Merlí que se te clava en algún punto entre el esternón y la garganta.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        21 de agosto 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/amanece-en-mahler">
    <img alt="Amanece en Mahler" class="rounded-[16px] w-full h-auto bg-background-mid" width="673" height="1024" style="aspect-ratio: 673 / 1024;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjE0LCJwdXIiOiJibG9iX2lkIn19--ff3ad4e5b6d3df707b7225bc1e69ef20ef7bfc51/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/68948c8f4618054662ea85a5_image_123650291.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">Amanece en Mahler</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Son las cinco y cuarenta y siete de la mañana y mi cuerpo es una bolsa de huesos fríos forrada en piel de gallina. No hay nada poético en este frío. Es un frío estúpido, un frío de madrugón forzado de verano</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de agosto 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/doomscrolling-en-la-menor-la-sinfonia-del-dedo-triste">
    <img alt="Doomscrolling en la menor. La sinfonía del dedo triste" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="920" style="aspect-ratio: 736 / 920;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAxMCwicHVyIjoiYmxvYl9pZCJ9fQ==--650f06c1bf7083c6046ddbc5972316bbddbe0b4a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/688213b26e882f3f80baabe4_IMG_1795.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">Doomscrolling en la menor. La sinfonía del dedo triste</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Doomscrolling: la liturgia o condena de desplazarnos eternamente hacia abajo en nuestras redes sociales. Abro Spotify. Necesito un antídoto.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 de julio 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>
</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>