<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/cuanto-dura-un-chupa-chups">
    <img alt="¿Cuánto dura un Chupa Chups?" class="rounded-[16px] w-full h-auto bg-background-mid" width="435" height="435" style="aspect-ratio: 435 / 435;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTMxLCJwdXIiOiJibG9iX2lkIn19--f5efbf30a41128c5b1e9a87582e771fe8e2ffcfd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292341f1a65361f0d49c59_66cf125ea1b869f313fa73c6_WhatsApp-20Image-202024-08-27-20at-2010.28.15.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">¿Cuánto dura un Chupa Chups?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Desayunar como trabajador de la Administración Pública es algo que no se puede contar sin antes haberlo vivido.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        28 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/hacerse-mayor">
    <img alt="Hacerse mayor" class="rounded-[16px] w-full h-auto bg-background-mid" width="2251" height="2676" style="aspect-ratio: 2251 / 2676;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM4MCwicHVyIjoiYmxvYl9pZCJ9fQ==--3402d507153b88e69941732ec1ba26bdca32dd1e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292357692a5c39e294a4e9_668eb6e036a90dafd19bc6ce_WhatsApp-20Image-202024-07-10-20at-2017.48.49.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">Hacerse mayor</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Me duché para volver al mundo de los mortales y comencé a peinarme cuando, de manera casi fortuita, me topé con un reflejo en el espejo que salía de mi cabellera.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 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>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/momentos-liquidos">
    <img alt="Momentos líquidos" class="rounded-[16px] w-full h-auto bg-background-mid" width="980" height="553" style="aspect-ratio: 980 / 553;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjIwMCwicHVyIjoiYmxvYl9pZCJ9fQ==--1dfd941c7433efe60cdcb6171fc16f55c5dee742/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6995e342fe59b23a80c5643c_WhatsApp%20Image%202026-02-18%20at%2012.21.36.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">Momentos líquidos</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Agarré un par de vasos finísimos de cerveza, les pegué un golpe rápido de agua por encima y los metí a enfriar en el congelador del hielo.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/pararlo-todo">
    <img alt="Pararlo todo" class="rounded-[16px] w-full h-auto bg-background-mid" width="1638" height="2048" style="aspect-ratio: 1638 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM0ODEsInB1ciI6ImJsb2JfaWQifX0=--59eedeff729b5e564db4a9dcf54be94f9929eab8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/WhatsApp%20Image%202026-04-08%20at%2012.26.28.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">Pararlo todo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Tiene el ser humano un problema con el tiempo. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/mi-carrete-mental">
    <img alt="Mi carrete mental" class="rounded-[16px] w-full h-auto bg-background-mid" width="1179" height="1382" style="aspect-ratio: 1179 / 1382;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjE1NSwicHVyIjoiYmxvYl9pZCJ9fQ==--655ee7389e17a7c6d3277bfc5f11fc6a43377eb0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6881227ed313d14e2d6e9037_WhatsApp%20Image%202025-07-23%20at%2017.51.54.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">Mi carrete mental</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace poco que cambié de móvil y, con más desgracia que suerte, perdí todas las fotos que tenía. Desde entonces no paro de pensar en las fotos mentales que tengo en la cabeza (...)</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        23 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/vidas-cruzadas">
    <img alt="Vidas Cruzadas" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="2048" style="aspect-ratio: 2048 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjk3NiwicHVyIjoiYmxvYl9pZCJ9fQ==--acd0a7c91be970ba07b77fc2d02d16761f6ddc22/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729238c963730cd94351ca1_6616d61d9d82bcea973a2d79_WhatsApp-20Image-202024-04-10-20at-2018.22.25-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">Vidas Cruzadas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Carlos acaba de cerrar el portátil del trabajo y por fin empieza a ser feliz. Detesta a lo que se dedica y también a sus compañeros.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 de abril 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/lo-imperfecto">
    <img alt="Lo imperfecto" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="720" style="aspect-ratio: 1280 / 720;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAzMDYsInB1ciI6ImJsb2JfaWQifX0=--1beb1a6ff226578c71252d6db56ab4112af7c416/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/IMG_2797.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">Lo imperfecto</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Si solo pudiese elegir una escena de película, creo que me quedaría a cenar para siempre en la prisión de Goodfellas.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/eres-tu-crisis-de-los-30">
    <img alt="¿Eres tú, crisis de los 30?" class="rounded-[16px] w-full h-auto bg-background-mid" width="819" height="1000" style="aspect-ratio: 819 / 1000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE5NTksInB1ciI6ImJsb2JfaWQifX0=--1737de3f0e5e314131f84dc3b7ca5d84e24c0ca9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/cid-1961-02-g.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">¿Eres tú, crisis de los 30?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El instinto de hombre responsable me tocó el telefonillo cuando tuve que arreglar un par de cosas en el baño de casa. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/luis-y-pili">
    <img alt="Luis y Pili" class="rounded-[16px] w-full h-auto bg-background-mid" width="414" height="307" style="aspect-ratio: 414 / 307;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjA3NiwicHVyIjoiYmxvYl9pZCJ9fQ==--04b3f803beed23983d0ef5b515bc0fe1bf64a5ca/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729236bc2ec34042f263e95_67100a44c04e260aab7c9908_WhatsApp-20Image-202024-10-15-20at-2011.43.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">Luis y Pili</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace dos meses que Pili se fue, y Luis está triste aunque no lo diga.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 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/las-mudanzas">
    <img alt="Las mudanzas" class="rounded-[16px] w-full h-auto bg-background-mid" width="725" height="408" style="aspect-ratio: 725 / 408;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEzMjIsInB1ciI6ImJsb2JfaWQifX0=--e35ae5e577e28302808c0095c526bdecd4ed6b93/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/66463_s11_1236581%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">Las mudanzas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Las mudanzas son una forma de recuerdo</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        11 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/pongamos-que-hablo-de-gadir">
    <img alt="Pongamos que hablo de Gadir" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="2048" style="aspect-ratio: 2048 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ1OSwicHVyIjoiYmxvYl9pZCJ9fQ==--81c18a29a1cb7808a4ecbba968b2f08548c8e5cc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6747661dbcdc3316c3ae2632_WhatsApp%20Image%202024-11-27%20at%2019.13.43.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">Pongamos que hablo de Gadir</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Eso no quita para que me dé una vuelta de reconocimiento, siempre que llego de Sevilla, para ver que todo sigue en su sitio.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 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">Lugares</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/andar-por-andar">
    <img alt="Andar por andar" class="rounded-[16px] w-full h-auto bg-background-mid" width="1597" height="2048" style="aspect-ratio: 1597 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjI1LCJwdXIiOiJibG9iX2lkIn19--8054b6f131c0d86720cdcd6d8579fdf0c2e663f3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923372c1cbf1d32185d91_66eb070a1863a058dcf7e962_WhatsApp-20Image-202024-09-18-20at-2008.41.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">Andar por andar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No todos estamos hechos para caminar, al igual que tampoco lo estamos para la vida contemplativa. Lo dijo Fernán Gómez en su día: “Estoy muy capacitado para no hacer nada”, yo también, Fernando, yo también. Por eso me gusta pasear</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 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>
</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/alvaro-gonzalez?orden=mas-leidos&amp;page=5">
      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>