<turbo-stream action="append" target="articles_grid"><template>
    <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/taylor-swift-ya-ha-ganado">
    <img alt="Taylor Swift ya ha ganado" class="rounded-[16px] w-full h-auto bg-background-mid" width="564" height="1024" style="aspect-ratio: 564 / 1024;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjc1MywicHVyIjoiYmxvYl9pZCJ9fQ==--8091ba1c72aa205078460cd612badb653e92ec8e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68e251330798b9f0ec5182c0_WhatsApp%20Image%202025-10-05%20at%2013.01.21%20(1).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">Taylor Swift ya ha ganado</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">He leído el artículo de Ana, ‘The Life of a Showgirl’, y asentía con la cabeza en algunas partes, como quien escucha a alguien listo para exponer una teoría brillante durante una sobremesa. Tiene razón (...) Pero por muy certero que sea, a veces se olvida de lo más importante: el efecto. La conexión.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/4-33">
    <img alt="4’ 33”" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="1105" style="aspect-ratio: 736 / 1105;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDY2LCJwdXIiOiJibG9iX2lkIn19--590c565103a49db759723349a5cc1dbdcc0a6188/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/696f5a1e2024dfcb692a462b_IMG-3175.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">4’ 33”</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Desde aquel día en el Mercadona, empecé a &quot;interpretar&quot; 4&#39;33&quot; en todas partes.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de enero 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/por-si-acaso">
    <img alt="Por si acaso" class="rounded-[16px] w-full h-auto bg-background-mid" width="3602" height="5397" style="aspect-ratio: 3602 / 5397;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTgxOTcsInB1ciI6ImJsb2JfaWQifX0=--6b401e6979d12d0b41c7cc342b4803f84ef61db1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/PARISMONAMOUR-35.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">Por si acaso</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay un gesto, pequeño y casi imperceptible, que millones de personas hacen cada día: ese &quot;te quiero&quot; que decimos a alguien justo antes de subirnos a un avión. Lo decimos por si acaso, con una intensidad distinta, sabiendo que, aunque las probabilidades de un accidente son bajas, existen. Es un acto que preferimos realizar antes que enfrentarnos a la idea inaguantable de no haberlo dicho.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        12 de junio 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/como-mat-r-a-tus-okupas">
    <img alt="¿Cómo mat*r a tus Okupas?" class="rounded-[16px] w-full h-auto bg-background-mid" width="564" height="705" style="aspect-ratio: 564 / 705;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODYzLCJwdXIiOiJibG9iX2lkIn19--e4701e9fcaaafd2189d4cad23c3f6b608b29b424/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/697b4170cf7e989a5cbfd500_IMG_3200.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">¿Cómo mat*r a tus Okupas?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Mahler era un tipo que no sabía ser ligero. Tal vez por eso dijo que una sinfonía debía ser “como el mundo: debe contenerlo todo”.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        29 de enero 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/requiem-chef">
    <img alt="Réquiem, Chef" class="rounded-[16px] w-full h-auto bg-background-mid" width="2532" height="1688" style="aspect-ratio: 2532 / 1688;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU4MywicHVyIjoiYmxvYl9pZCJ9fQ==--7e5a80eede718af98d26b7d5b12e30738c7610ed/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68f7d15eadc06f98afd7e3fd_Bear-E301_Still018.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">Réquiem, Chef</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La cuarta temporada de The Bear ya no es una serie sobre la tensión culinaria. Es una tragedia existencial televisada.</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">Cines</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/pertenecer-entre-sol-y-bolas-negras">
    <img alt="Pertenecer. Entre Sol y Bolas negras." class="rounded-[16px] w-full h-auto bg-background-mid" width="1706" height="1280" style="aspect-ratio: 1706 / 1280;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDY3NjcsInB1ciI6ImJsb2JfaWQifX0=--f712e9e51fdc27104ee5e3755c387a768e7332a2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/11363895.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">Pertenecer. Entre Sol y Bolas negras.</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Lo que quiero hacer es contar qué une estas dos historias, la de Maricarmen y la de La Bola Negra, y por qué creo que la música que suena dentro de las dos es la misma.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        1 de octubre 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">Música</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/mediterraneamente-parte-ii-2018-2026">
    <img alt="Mediterráneamente: Parte II (2018 - 2026)" class="rounded-[16px] w-full h-auto bg-background-mid" width="3024" height="4032" style="aspect-ratio: 3024 / 4032;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk0NzIsInB1ciI6ImJsb2JfaWQifX0=--176a8ee018804e8c60cac6b8ab5a70ea0bfcf382/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/IMG_8146.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">Mediterráneamente: Parte II (2018 - 2026)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Si te perdiste el texto anterior, no pasa nada, que aquí no pasamos lista y este se entiende solito. Pero quédate con una copla para lo que viene: en 2017, el monstruo ya estaba consolidado. Ya sabía exactamente lo que era. Y justo ahí es cuando empieza el drama de verdad: la crisis de fe de quien tiene que preguntarse qué quiere ser ahora que ya se ha hecho mayor.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        25 de junio 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/las-frutinovelas-de-donizetti">
    <img alt="Las frutinovelas de Donizetti" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="675" style="aspect-ratio: 1200 / 675;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY5NzMsInB1ciI6ImJsb2JfaWQifX0=--2308a03df56b2bf0d0a2f56492e5ea8d5dfac390/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/2026040816051785687.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">Las frutinovelas de Donizetti</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Si no habéis visto todavía una frutinovela, dejadme ahorraros tiempo: es exactamente lo que parece. Una fresa con cara, voz y traumas familiares descubre que su prometido —un kiwi de mandíbula prominente— le ha sido infiel con una frambuesa más joven. La madre de la fresa, una sandía partida por la mitad por la rabia, exige venganza</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        28 de mayo 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-feria-no-te-debe-nada">
    <img alt="La Feria no te debe nada" class="rounded-[16px] w-full h-auto bg-background-mid" width="1170" height="2532" style="aspect-ratio: 1170 / 2532;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQyNzUsInB1ciI6ImJsb2JfaWQifX0=--2f37439d5a7f7f9bcb7fa72df47f99a488c96974/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJQTkciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--e1a9e9ea55fe875455c682531aa481d98b43f2a4/IMG_3542.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 Feria no te debe nada</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Cada abril, puntual como una sinfonía de Haydn —siempre estructurada, siempre predecible en su brillantez—, las redes sociales se llenan de trajes de lunares</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        23 de abril 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/dieciseis-tios-a-una-cruz-pegados">
    <img alt="Dieciséis tíos a una cruz pegados" class="rounded-[16px] w-full h-auto bg-background-mid" width="1407" height="1893" style="aspect-ratio: 1407 / 1893;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTMyNjIsInB1ciI6ImJsb2JfaWQifX0=--564295df62db8926f734b0eff6019d99deb57626/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/IMG_0720%202.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">Dieciséis tíos a una cruz pegados</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Me trago la Semana Santa de otros. Lo hago cada año.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 de abril 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">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">
    <a class="flex h-[40px] justify-center items-center gap-[8px] font-mid-m" data-turbo-stream="true" href="/autores/aleix-gomila-pons?orden=mas-leidos&amp;page=3">
      VER MÁS
      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3687 10.3687L10.625 15.1062V1.25H9.375V15.1062L4.63125 10.3687L3.75 11.25L10 17.5L16.25 11.25L15.3687 10.3687Z" fill="#1A1914"/>
</svg>

</a></div>

</template></turbo-stream>