<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-sonido-del-cambio">
    <img alt="El sonido del cambio" class="rounded-[16px] w-full h-auto bg-background-mid" width="640" height="636" style="aspect-ratio: 640 / 636;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0OCwicHVyIjoiYmxvYl9pZCJ9fQ==--0297371c8ed49759e5eaf30caeb7dfd7e3318900/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/67485d2db2a13c3df72cd5b0_Zhiyong%20Jing%20-%20West%20Lake.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 sonido del cambio</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Dicen que pienso demasiado las cosas. Como si fuese algo que yo pudiese evitar.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        28 de noviembre 2024
    </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/turno-partido">
    <img alt="Turno Partido" class="rounded-[16px] w-full h-auto bg-background-mid" width="1229" height="1639" style="aspect-ratio: 1229 / 1639;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjg0NSwicHVyIjoiYmxvYl9pZCJ9fQ==--38239fc38357232f5b2ac79741e1a7333af9c68b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/67339fbab57ae6de727a8000_lluvia%20lacort%203.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">Turno Partido</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Ha llovido mucho este mediodía. Ha llovido mientras comíamos albóndigas en caldo. A veces todo es perfecto sin pretenderlo.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        12 de noviembre 2024
    </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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/y-si-no-votamos">
    <img alt="¿Y si no votamos?" class="rounded-[16px] w-full h-auto bg-background-mid" width="809" height="660" style="aspect-ratio: 809 / 660;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzAzNiwicHVyIjoiYmxvYl9pZCJ9fQ==--220994d93d7c7bbfd2f7120f3171926648e05d10/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729238ec6b0cf9c981b897c_67289bcf3240f4f2db8b36f4_IMG_5073-202.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">¿Y si no votamos?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Todo empezó en la cafetería de la Facultad. Mario y yo acabábamos de desayunar y estábamos viendo vídeos de las inundaciones de Valencia.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 de noviembre 2024
    </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">Ficciones</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-dignidad">
    <img alt="La dignidad" class="rounded-[16px] w-full h-auto bg-background-mid" width="644" height="762" style="aspect-ratio: 644 / 762;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTYwMywicHVyIjoiYmxvYl9pZCJ9fQ==--a0fe8df65d63fa8157d043bea80afa13965f4491/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729235e2c1cbf1d32187c04_671a0c1aec5ad32f2198936b_LA-20DIGNIDAD-20--20FOTO.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">La dignidad</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">A Ramón no le hubiese importado ser Dios, pero siempre se pareció más al demonio. Su mujer, sin embargo, era una santa. Cincuenta años de matrimonio. Cincuenta años encontrándoselo todo hecho.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 de octubre 2024
    </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">Ficciones</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-paisaje">
    <img alt="El paisaje" class="rounded-[16px] w-full h-auto bg-background-mid" width="1229" height="1639" style="aspect-ratio: 1229 / 1639;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEyOSwicHVyIjoiYmxvYl9pZCJ9fQ==--72740e478e02cddd7f3025be724205748db2c5e3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/6729234b37fc03b551cdb154_670512a559657c8a0a2156cf_04-20EL-20PAISAJE-20--20FOTO-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">El paisaje</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No soy capaz siquiera de imaginar el trabajo que hay detrás de este retrato que Leila Guerriero ha hecho de Silvia Labayru</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 de octubre 2024
    </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/superheroes">
    <img alt="Superhéroes" class="rounded-[16px] w-full h-auto bg-background-mid" width="3883" height="4743" style="aspect-ratio: 3883 / 4743;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjczNSwicHVyIjoiYmxvYl9pZCJ9fQ==--b5f57dd7e42faf8714dd4f320bbb04e036d761bc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292384963730cd94351231_66ec62caa8c2d8516f0648a4_superheroes.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">Superhéroes</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Mi hijo quiere ser mayor y yo no sé parar el tiempo. Ser mayor para llegar al botón del tercer piso en el ascensor, para entrar al recreo grande, para irse a dormir cuando le dé le gana, para cambiar el Youtube Kids por el YouTube «de verdad».</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 de septiembre 2024
    </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/vivir-dos-veces">
    <img alt="Vivir dos veces" 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/eyJfcmFpbHMiOnsiZGF0YSI6Mjk4NSwicHVyIjoiYmxvYl9pZCJ9fQ==--1adb71bfa2699ad7364ca77ad061c89e2390fcef/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729238dd231f9df0f067387_66d9e2f596cb220624a93439_FOTO-20--20VIVIR-20DOS-20VECES.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">Vivir dos veces</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Son las dos de la mañana del último día de vacaciones. Estoy en el salón de una casita vieja de Vejer de la Frontera. Marta y el niño duermen desde hace un buen rato en el cuarto de al lado mientras arriba, en la azotea, las salamanquesas comen mosquitos. Yo le doy vueltas a los últimos días, a la temporada que se termina, a todo.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 de septiembre 2024
    </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/pulpo-robotico-gigante">
    <img alt="Pulpo robótico gigante" class="rounded-[16px] w-full h-auto bg-background-mid" width="564" height="752" style="aspect-ratio: 564 / 752;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUxNCwicHVyIjoiYmxvYl9pZCJ9fQ==--bb19ef7d8bb798b7f604bdb37ade50a06e8fd84d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729237b9a39bc44d0561ed7_66c4858789769317fac723a6_pulpo-20robo-CC-81tico-20gigante.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">Pulpo robótico gigante</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Deben ser casi las dos y media cuando me quedo solo. Todavía estoy jadeando después de haber combatido a todos los niños de la comunidad haciendo de pulpo robótico gigante.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de agosto 2024
    </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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/todo-menos-el-futbol">
    <img alt="Todo menos el fútbol" class="rounded-[16px] w-full h-auto bg-background-mid" width="2400" height="1624" style="aspect-ratio: 2400 / 1624;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjgxMCwicHVyIjoiYmxvYl9pZCJ9fQ==--34d97469ff08dabfa6aaeba7cfc054e8a72ef4e1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/672923865ee5b6bf4857e714_66b5faa05e28c179fd3c2b46_mondo-20duplantis.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">Todo menos el fútbol</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Ochenta mil personas mirando a un hombre. Armand Duplantis mirando el listón. Yo mirando el televisor.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        9 de agosto 2024
    </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">Deportes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/irse">
    <img alt="Irse" class="rounded-[16px] w-full h-auto bg-background-mid" width="2883" height="3435" style="aspect-ratio: 2883 / 3435;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUyNiwicHVyIjoiYmxvYl9pZCJ9fQ==--70411d7cba1f53600d9a6636e973f8a5196b17b2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729235b37fc03b551cdbfb0_66ab817f1fb90c022fb94ebb_irse-20foto-201.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">Irse</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Córdoba, 31 de julio, cinco de la tarde. Un hombre baja la calle intentando alcanzar su sombra, pero al otro lado de los cristales nadie oye sus pasos, ni el furor de las chicharras ni el ruido de los condensadores.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        1 de agosto 2024
    </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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/volver">
    <img alt="Volver" class="rounded-[16px] w-full h-auto bg-background-mid" width="2846" height="3794" style="aspect-ratio: 2846 / 3794;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjk4OSwicHVyIjoiYmxvYl9pZCJ9fQ==--1854b9977182f6d340189d9a138253c1b6ec9bac/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729238ed30615773ce0e847_669a46be4f1c20ca5721f113_FOTO-20VOLVER.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">Volver</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">He vuelto a Málaga, a casa de mi madre, como cada verano. Uno se pasa la vida volviendo a los lugares de los que nunca se fue del todo. Y he vuelto a escribir, por eso miro a la gente. Para tener algo que llevarme a la libreta.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 de julio 2024
    </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">Costumbres</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">
</div>
</template></turbo-stream>