<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/gracias-papa">
    <img alt="Gracias, papá" class="rounded-[16px] w-full h-auto bg-background-mid" width="1162" height="848" style="aspect-ratio: 1162 / 848;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIwNzcsInB1ciI6ImJsb2JfaWQifX0=--9be88094bd9767c375a38de8d62708d447a51b3d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/IMG_3464.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">Gracias, papá</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En 1815, un Franz Schubert de apenas dieciocho años agarró un poema de Goethe y lo convirtió en Erlkönig (El Rey de los Elfos)</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 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/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/bach-y-el-gran-hijo-de-vallecas">
    <img alt="Bach y el gran hijo de Vallecas" class="rounded-[16px] w-full h-auto bg-background-mid" width="1736" height="2600" style="aspect-ratio: 1736 / 2600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ3OTAsInB1ciI6ImJsb2JfaWQifX0=--0cdabd7f7250d9f29e983f63d3f9ab6a34a9125a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/cover-55241%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">Bach y el gran hijo de Vallecas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay un momento, en las Variaciones Goldberg de Bach, que es probablemente el más conmovedor de toda la historia de la música, y lo es por una razón aparentemente trivial: porque la música ya la habíamos oído antes.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        30 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">Libros</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/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/danke-munchen">
    <img alt="Danke, München" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="981" style="aspect-ratio: 736 / 981;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk5NzIsInB1ciI6ImJsb2JfaWQifX0=--7ee9334f9a2d5e26c9dc3c938836f6a8476c98dd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/IMG_3981.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">Danke, München</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La globalización tiene cosas malas, vale. Pero también tiene la virtud de proporcionarte cervezas calientes cuando llevas tres días sin reconocer nada. Y la conclusión, fue una sola. Como España, nada.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 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">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/1st-sept-new-year">
    <img alt="1st sept. New year." class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="705" style="aspect-ratio: 1200 / 705;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDI5MTUsInB1ciI6ImJsb2JfaWQifX0=--dda2282d935c89f1c43193ac05a5682dc2ed68cb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/Almiares-en-el-final-del-verano-efecto-amanecer-de-Monet.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">1st sept. New year.</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El año empieza el 1 de septiembre. Y lo sabe cualquiera que haya vivido alguna vez un septiembre en Madrid. Lo primero que cambia es el aire.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        3 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">Música</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/hasta-el-40-de-mayo">
    <img alt="Hasta el 40 de mayo…" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="981" style="aspect-ratio: 736 / 981;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM1MTgsInB1ciI6ImJsb2JfaWQifX0=--f8223444e68b4b28460e48ba333ab21745e660d2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/IMG_1647.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">Hasta el 40 de mayo…</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Abril en Madrid es una trampa</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        9 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/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/el-chotis-es-aleman">
    <img alt="El Chotis es alemán" class="rounded-[16px] w-full h-auto bg-background-mid" width="5100" height="3400" style="aspect-ratio: 5100 / 3400;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUzMTAsInB1ciI6ImJsb2JfaWQifX0=--fe89a7df1d0595c5b792725b132ab6a6184cfc35/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/Pareja_bailando_Chotis_en_Madrid_03.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">El Chotis es alemán</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En ocho días, el 15 de mayo, llega San Isidro. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 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/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>
</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=4">
      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>