<turbo-stream action="append" target="articles_grid"><template>
    <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/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/mediterraneamente-parte-i-2009-2017">
    <img alt="Mediterráneamente. Parte I: 2009 - 2017" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTkwNDYsInB1ciI6ImJsb2JfaWQifX0=--697f20f681f6a87828f390d7c87dd4035963fe5c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/estrella%20damn.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">Mediterráneamente. Parte I: 2009 - 2017</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Ha salido el puto anuncio de Estrella Damm y funciona como un decreto ley: a partir de este minuto, y hasta que el otoño nos arrastre, se nos obliga a vivir de otra manera.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 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/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/bad-bunny-ha-resucitado-el-palco-del-rey">
    <img alt="Bad Bunny ha resucitado el palco del rey" class="rounded-[16px] w-full h-auto bg-background-mid" width="1800" height="1800" style="aspect-ratio: 1800 / 1800;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1OTgsInB1ciI6ImJsb2JfaWQifX0=--dd2ad7e148622717069df8e3316334734a65aeb6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/10re-casita-add-03-jtgh-mediumSquareAt3X.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">Bad Bunny ha resucitado el palco del rey</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La ópera estaba abajo, sí, pero el espectáculo importante estaba arriba. Entonces apareció Richard Wagner (...) y cambió por completo la manera en que occidente entiende qué significa asistir a un espectáculo. (...) Y aquí entra Bad Bunny: ha desenchufado a Wagner. Ha vuelto a encender las luces.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 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/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/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/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/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/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/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>
</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>