<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-noche-en-la-que-cordoba-contuvo-el-aliento">
    <img alt="La noche en la que Córdoba contuvo el aliento" class="rounded-[16px] w-full h-auto bg-background-mid" width="959" height="1279" style="aspect-ratio: 959 / 1279;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY4NSwicHVyIjoiYmxvYl9pZCJ9fQ==--a5f09b869f6a1f6e46ed1ee11009a4d26b08a1a3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/689a2b9ee5721659402ce199_WhatsApp%20Image%202025-08-11%20at%2019.38.00.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 noche en la que Córdoba contuvo el aliento</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">—La mezquita está ardiendo— gritó mi madre. Enseguida empezó el ulular de los bomberos por la calle.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        11 de agosto 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/coger-todos-los-trenes">
    <img alt="Coger todos los trenes" class="rounded-[16px] w-full h-auto bg-background-mid" width="225" height="300" style="aspect-ratio: 225 / 300;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODU0LCJwdXIiOiJibG9iX2lkIn19--180b0a1c34f7806677ba6c894bff1794595b9811/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/674f59e836164a480ba30246_WhatsApp%20Image%202024-12-02%20at%2018.36.55.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">Coger todos los trenes</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Cruzó el paso de peatones como quien no le teme a la vida, como si las normas de circulación las hubiese inventado ella.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        3 de diciembre 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/las-pequenas-cosas-que-sostienen-un-mal-dia">
    <img alt="Las pequeñas cosas que sostienen un mal día" class="rounded-[16px] w-full h-auto bg-background-mid" width="1080" height="1920" style="aspect-ratio: 1080 / 1920;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkwMiwicHVyIjoiYmxvYl9pZCJ9fQ==--fe105d4742a9d235883209a9dfba2a27c118436d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/686c010ffbfc0485b8339290_WhatsApp%20Image%202025-07-07%20at%2017.42.39.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 pequeñas cosas que sostienen un mal día</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay veces que uno se levanta como si su vida fuera un tren de Renfe: lento, apático, con el mundo en contra y sin solución.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de julio 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-verano-que-no-pide-permiso">
    <img alt="El verano que no pide permiso" class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="1120" style="aspect-ratio: 1600 / 1120;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE2NCwicHVyIjoiYmxvYl9pZCJ9fQ==--2a2a48e85282131642e9463bd001df769645f068/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68598fd09482bc70bdb439dd_WhatsApp%20Image%202025-06-23%20at%2011.45.06.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">El verano que no pide permiso</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Un día llega el cuarenta de mayo, te quitas el sayo, en el fondo ronronea la noticia de una ola de calor...</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        23 de junio 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/semana-santa-todo-esta-en-su-sitio">
    <img alt="Semana Santa (todo está en su sitio)" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="859" style="aspect-ratio: 1280 / 859;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjY1OSwicHVyIjoiYmxvYl9pZCJ9fQ==--f6f911cee0ec435379c6fc4cea1856bb67262f9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923807e1da4ab22094589_6606f6cb99101d54997bdf0a_WhatsApp-20Image-202024-03-28-20at-2012.25.31.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">Semana Santa (todo está en su sitio)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Sin considerarme el más cofrade, sí que consigo atisbar cada año cómo el sentir sincero sobre la Semana Santa es una realidad innegable.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        29 de marzo 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/a-susan-sontag-le-encantaria-saltburn">
    <img alt="A Susan Sontag le encantaría Saltburn" class="rounded-[16px] w-full h-auto bg-background-mid" width="675" height="489" style="aspect-ratio: 675 / 489;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTQ5LCJwdXIiOiJibG9iX2lkIn19--e5ff2d8f9642864b415917b37c99db2ba3085aec/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923344e2c74b33c98ba10_659fe513f976af7342b5d602_Sontag.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">A Susan Sontag le encantaría Saltburn</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Recientemente he tenido la oportunidad de visionar una de las películas más controversiales, poliédricas y sugerentes de este año sobre la que, por supuesto, hay mucha tela que cortar en cuanto a análisis. Aquí también tienes que seleccionar un bando: ¿Saltburn o barbarie?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        11 de enero 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">Cines</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-sustrato-del-verano">
    <img alt="El sustrato del verano" class="rounded-[16px] w-full h-auto bg-background-mid" width="1168" height="2009" style="aspect-ratio: 1168 / 2009;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--b47631135087fc31f6df176ee0e8cbc8fa995206/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729234b56aa1a493c6b7c51_66d847cefe4174f78028a0f2_WhatsApp-20Image-202024-09-03-20at-2014.51.19.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">El sustrato del verano</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Odio repetir los veranos. La improvisación entre junio y agosto siempre se convierte en una necesidad vital.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/sirat-y-las-siratianas">
    <img alt="Sirat (y las siratianas)" 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/eyJfcmFpbHMiOnsiZGF0YSI6MjcwMywicHVyIjoiYmxvYl9pZCJ9fQ==--e11656d8a424bc9f5f12d0f9f3c9fc1ea72ebba2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/698478dc26c538797297be36_17698719876672.jpg.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">Sirat (y las siratianas)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">De todas las características que podría tener la cinta, hoy quiero destacar el sonido.</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">Cines</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-fiesta-en-la-que-descubri-de-que-iba-mi-tesis">
    <img alt="La fiesta en la que descubrí de qué iba mi tesis" class="rounded-[16px] w-full h-auto bg-background-mid" width="1706" height="960" style="aspect-ratio: 1706 / 960;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTYxNiwicHVyIjoiYmxvYl9pZCJ9fQ==--d57d5afe5d9cc8c7ca34a095ebcfabb9f6c6defe/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/6729235fd8e67750def9c070_65a6b354ea958fe617d0e31b_697690494_226616852_1706x960.jpg.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">La fiesta en la que descubrí de qué iba mi tesis</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay noches especiales en las que el viento sopla más agradable que nunca y te dejas llevar sin pedirle nada a la providencia, más allá de no encontrarte a tu ex –o a su mejor amiga–. Hoy no vengo a hablar de un reencuentro inesperado, sino del punto de inflexión de mi tesis doctoral.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 de enero 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/masats-la-huella-de-la-espana-cani">
    <img alt="Masats. La huella de la España cañí" class="rounded-[16px] w-full h-auto bg-background-mid" width="777" height="1151" style="aspect-ratio: 777 / 1151;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjEyNSwicHVyIjoiYmxvYl9pZCJ9fQ==--eae82bff371567a802ea77a130f2a46486360245/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729236d33ca7f46f738237c_65ea014bbc0dd8207e5059cb_Andu-CC-81jar.-20Jae-CC-81n-2C-201960.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">Masats. La huella de la España cañí</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La fotografía no fue considerada como un arte en España porque aún no se había puesto detrás del objetivo Ramon Masats.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de marzo 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">Artes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/dias-de-cine-en-malaga">
    <img alt="Días de cine en Málaga" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTE5NzUsInB1ciI6ImJsb2JfaWQifX0=--808ab04b980e068fedb6d4cf1b6857ec8adfcf2d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/IMG_4733.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">Días de cine en Málaga</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">18:55 | Fuera del cine Albéniz había un photocall y mucha gente feliz. Yo creo que es mucha gente fingiendo que sabe lo que hace. Yo el primero. </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">Cines</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>