<turbo-stream action="append" target="articles_grid"><template>
    <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/ay-ay-ay-ay-ay-que-cuando-llega-febrero">
    <img alt="Ay ay ay ay ay, que cuando llega febrero..." class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="1067" style="aspect-ratio: 1600 / 1067;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzIzLCJwdXIiOiJibG9iX2lkIn19--ae3659b676a63efec47bcf0038dda2a05eb6a5f3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/699754313345c6b046a051ef_79c19105-c60f-4f54-ad2f-820b55b2a2bf_source-aspect-ratio_1600w_0.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">Ay ay ay ay ay, que cuando llega febrero...</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Siempre he pensado que el Carnaval de Cádiz es nuestro último conservatorio de barrio. Uno que regala una resaca emocional que dura todo un año.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 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/5-2---parte-i-buscando-a-dios-en-un-violonchelo-y-fracasando">
    <img alt="5/2 - Parte I: Buscando a Dios en un violonchelo (y fracasando)" class="rounded-[16px] w-full h-auto bg-background-mid" width="524" height="700" style="aspect-ratio: 524 / 700;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDY3LCJwdXIiOiJibG9iX2lkIn19--e4c896c731dc4695a41e82c0143416fc47525969/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/6984dd94c7c1cf988b1b44e7_IMG_3305.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">5/2 - Parte I: Buscando a Dios en un violonchelo (y fracasando)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Son las cuatro de la tarde de un martes cualquiera y el cielo de Madrid tiene ese color de panza de burro que te hace dudar de todo, empezando por tu sueldo y terminando por la existencia del alma.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 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/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/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/adagio-para-olvidar">
    <img alt="Adagio para olvidar" class="rounded-[16px] w-full h-auto bg-background-mid" width="500" height="599" style="aspect-ratio: 500 / 599;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTU4LCJwdXIiOiJibG9iX2lkIn19--baa8ff64d27b19ab730a1a679491d92f0e098974/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/695f99d27336af8d564dbc5c_image_123650291%20(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">Adagio para olvidar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Te espero. Dale al play y luego vuelve aquí. Atrévete.‍</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 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/una-hora-menos-en-canarias">
    <img alt="Una hora menos en Canarias" 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/eyJfcmFpbHMiOnsiZGF0YSI6MjkyNywicHVyIjoiYmxvYl9pZCJ9fQ==--53776ff3510ea8e3bb33a8c6b6f55d83bd76a74a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/694135c9305ee73ca2695fc7_IMG_2968_VSCO.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">Una hora menos en Canarias</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El avión aterriza y lo primero que noto no es la diferencia de temperatura, ni el olor a queroseno mezclado con esa salinidad densa que se te pega a la nuca como un amante pegajoso.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 de diciembre 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/sobrevivir-a-la-soledad">
    <img alt="Sobrevivir a la soledad" 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/eyJfcmFpbHMiOnsiZGF0YSI6MjcxMywicHVyIjoiYmxvYl9pZCJ9fQ==--726a4d872ddf5a3db51455d938e58fa8c0892ef0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/6932c38e6e1ec7ead3efeefe_IMG_2963.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">Sobrevivir a la soledad</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Esa necesidad de no estar solo, de la que hablo, no es poética. Es sucia.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 de diciembre 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">Interiores</span>
  </div>

  </div>
</a>
    <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/la-musica-que-nos-atrevimos-a-llamar-clasica">
    <img alt="La música (que nos atrevimos a llamar) clásica" class="rounded-[16px] w-full h-auto bg-background-mid" width="1202" height="376" style="aspect-ratio: 1202 / 376;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY2NywicHVyIjoiYmxvYl9pZCJ9fQ==--af4527a516d4dd31ffb181ea214e0d0d4233acb4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/690a4a0bba474824fbc4cc2d_Captura%20de%20pantalla%202025-11-01%20a%20las%2012.37.36.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 música (que nos atrevimos a llamar) clásica</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La palabra misma es un muro de mármol frío, una vitrina que exhibe algo ya muerto, catalogado, perfecto e intocable. Es una lápida.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 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/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/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>
</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?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>