<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/bailando-al-borde-del-abismo">
    <img alt="Bailando al borde del abismo" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="800" style="aspect-ratio: 1200 / 800;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzI0LCJwdXIiOiJibG9iX2lkIn19--ad352fcb4fc35d4ed47d28dcc5bd1b2b74dfd449/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/691ee51bcb5fcb71ef8b3867_musicwar.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">Bailando al borde del abismo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Esta es la belleza que importa. La que no adormece, sino que despierta. La del Vals n.º 2 de Dmitri Shostakovich.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de noviembre 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/24-horas">
    <img alt="24 horas" 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/eyJfcmFpbHMiOnsiZGF0YSI6NDE1OTQsInB1ciI6ImJsb2JfaWQifX0=--813d7003288262601d1f8ecf4b5b3d1d671d3354/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/image_123650291%20(1).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">24 horas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Se llamaba Joseph Haydn. Y la historia merece ser contada despacio, porque es una de esas historias bonitas que ocurren en la música clásica.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de agosto 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/caer-despacio">
    <img alt="Caer despacio" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="1119" style="aspect-ratio: 736 / 1119;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDIyMTcsInB1ciI6ImJsb2JfaWQifX0=--98b68794eeb7dea1f34c6254b888c684ee3bea1c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/IMG_4649.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">Caer despacio</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay algo profundamente tranquilizador en recordar que el universo no sabe que existimos. Las estrellas no tienen ninguna opinión sobre nosotros. Las Perseidas no aparecen porque las estemos esperando. El cometa Swift-Tuttle, que deja detrás de sí el polvo que produce esas estrellas fugaces, lleva millones de años siguiendo su camino sin saber nada de nuestras vidas. Hay algo ahí fuera que no depende de nosotros. Algo que no necesita que lo entendamos. Algo que continúa. Quizá por eso he vuelto tantas veces este verano a El Cascanueces.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        28 de agosto 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/nabucco-y-el-despertar-de-la-masa">
    <img alt="Nabucco y el despertar de la masa" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="853" style="aspect-ratio: 1280 / 853;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTI5NywicHVyIjoiYmxvYl9pZCJ9fQ==--3f971f2610a9d699f54119f04d0ba194ccf91f73/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/ensayo-general-de-Nabucco-2%20(1).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">Nabucco y el despertar de la masa</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Y entonces, Verdi hace algo genial. Introduce el canon.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de febrero 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/love-story-una-passacaglia-moderna">
    <img alt="Love Story. Una passacaglia moderna." class="rounded-[16px] w-full h-auto bg-background-mid" width="1920" height="1080" style="aspect-ratio: 1920 / 1080;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTU4ODIsInB1ciI6ImJsb2JfaWQifX0=--316e15816214298012e4048ae81b11b9ef05642d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/LoveStory_107_Sub.02%20copy.webp" />
  <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">Love Story. Una passacaglia moderna.</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Lenny Kravitz publicó la canción en 1991, en el álbum Mama Said.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        14 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/desnudo-con-espresso-sonando-un-vals">
    <img alt="Desnudo con espresso, sonando un vals" class="rounded-[16px] w-full h-auto bg-background-mid" width="1400" height="1050" style="aspect-ratio: 1400 / 1050;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY1OTAsInB1ciI6ImJsb2JfaWQifX0=--ecfd6d47e41ad1da8ee0f0c056a10cfe1254d2c6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/164866%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">Desnudo con espresso, sonando un vals</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Me metí desnudo en aquella bañera y dejé que sonara El Danubio Azul de Strauss</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        21 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/un-ano">
    <img alt="Un año" class="rounded-[16px] w-full h-auto bg-background-mid" width="403" height="403" style="aspect-ratio: 403 / 403;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzk3MDcsInB1ciI6ImJsb2JfaWQifX0=--f722429322fca26864690140f14f087b7a04fd34/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/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">Un año</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Mañana viernes, si las cuentas no me fallan y el calendario no me traiciona, cumplo un año escribiendo Trombonista de barra de bar en Sustrato. Un año. Doce meses. Cuarenta artículos publicados. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        23 de julio 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/the-chaaaaaampiooons">
    <img alt="The chaaaaaampiooons!!!!" class="rounded-[16px] w-full h-auto bg-background-mid" width="1998" height="1500" style="aspect-ratio: 1998 / 1500;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM5MTQsInB1ciI6ImJsb2JfaWQifX0=--32cba451133ad243a93fbd14ad57647670ec0833/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/GfiJNh6N6_2000x1500__2.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">The chaaaaaampiooons!!!!</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La gente se piensa que el himno de la Champions es un invento de un estudio de marketing de los años noventa. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 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/trio-alla-italiana-i-sera-perche-ti-amo">
    <img alt="Trio alla italiana: I - Será perché ti amo" 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/eyJfcmFpbHMiOnsiZGF0YSI6NDQ4NDQsInB1ciI6ImJsb2JfaWQifX0=--b0b49f461e71904ee9fe42a1010c6350452827e2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/IMG_4737.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">Trio alla italiana: I - Será perché ti amo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Pero Milán es otra cosa. Es rápida. Industrial. Elegante de una manera que no parece necesitar que la admiremos. Hay hombres con traje entrando en edificios de oficinas, estudiantes cargando carpetas y dibujando su iglesia favorita, bicicletas que pasan demasiado cerca y tranvías que parecen conocer la ciudad mejor que tú. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        17 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">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/komorebi-en-do-mayor-johann-sebastian-wenders">
    <img alt="Komorebi en Do Mayor, Johann Sebastian Wenders" class="rounded-[16px] w-full h-auto bg-background-mid" width="915" height="1281" style="aspect-ratio: 915 / 1281;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0MjQsInB1ciI6ImJsb2JfaWQifX0=--cdaf383ed32c004a52fb13e645425f411c96b950/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/1_GvLfQpkQR5e23Q_puGeF7A.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">Komorebi en Do Mayor, Johann Sebastian Wenders</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Para entender por qué veo a Hirayama y escucho el Preludio en Do Mayor, hay que entender qué demonios hizo Bach 5 siglos atrás</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        12 de marzo 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/re-mi-bemol-do-si">
    <img alt="Re, Mi bemol, Do, Si" class="rounded-[16px] w-full h-auto bg-background-mid" width="540" height="429" style="aspect-ratio: 540 / 429;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDgyOTksInB1ciI6ImJsb2JfaWQifX0=--1fcd443ce613deab772e8a36c83cdb22ec537973/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/IMG_4971.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">Re, Mi bemol, Do, Si</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Esta semana salió un dato. El 44% de los españoles de entre 25 y 34 años declara sufrir ansiedad o estrés en niveles graves. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 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/llueve-por-favor">
    <img alt="Llueve, por favor" class="rounded-[16px] w-full h-auto bg-background-mid" width="1560" height="1040" style="aspect-ratio: 1560 / 1040;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--cd45922481edf4e371893320a0a00f651e383900/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/6a64c90ecd114.jpeg%20(1).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">Llueve, por favor</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m"> Menorca se quema. A cada minuto que pasa, no queda nada. Esa isla, mi isla, mi casa, ya no existe. Las playas vacías, las calles sin casas, los bares sin gente. No hay nada. Toda una infancia desaparece. Tu vida se pierde. Todo lo que te rodea, ya no es. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        30 de julio 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=5">
      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>