<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/que-querran-los-guapos">
    <img alt="¿Qué querrán los guapos?" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="1919" style="aspect-ratio: 1280 / 1919;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTU3ODksInB1ciI6ImJsb2JfaWQifX0=--1a1651b23ceda00158afb1b74bead1e6a26ff29c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/GiQqkFNakAAZq66%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">¿Qué querrán los guapos?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No sé si es verdad que la belleza siempre gana, aunque sí tengo claro que desempata. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        13 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-prisa-es-plebeya">
    <img alt="La prisa es plebeya" class="rounded-[16px] w-full h-auto bg-background-mid" width="1569" height="1600" style="aspect-ratio: 1569 / 1600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY5OCwicHVyIjoiYmxvYl9pZCJ9fQ==--7eb567629154eafad951559a90a0f9bb251e41dd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/682e07130c640df27c9eee23_WhatsApp%20Image%202025-05-21%20at%2011.30.56.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 prisa es plebeya</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Me acordé entonces de una frase que leí en Casa Moreno —templo del temple y el disfrute— mientras me tomaba una cervecita con mi amigo Javi. “La prisa es plebeya” decía aquel papel</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        21 de mayo 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/operacion-cacerola">
    <img alt="Operación cacerola" class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="1594" style="aspect-ratio: 1600 / 1594;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM1NiwicHVyIjoiYmxvYl9pZCJ9fQ==--2ab9e6ec4d9338d5e80a8da8311aa65bab72ae08/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6967dfe9fe0fbf80c6be6971_WhatsApp%20Image%202026-01-14%20at%2016.49.27.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">Operación cacerola</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Yo pensaba que hacerse mayor era otra cosa.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        14 de enero 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/el-amor-despues-del-amor">
    <img alt="El amor después del amor" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="624" style="aspect-ratio: 1280 / 624;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAyMCwicHVyIjoiYmxvYl9pZCJ9fQ==--319e8275fa1e2569b7544cd0bcd28a99877f23af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292348e0364d499edc536c_658c76e4d6a454cb5e867d53_amor-20despue-CC-81s.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 amor después del amor</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace unos días - o unas semanas, esto se pasa volando- presencié una escena muy romántica en una cafetería.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de diciembre 2023
    </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/una-ciudad-sin-esperanza">
    <img alt="Una ciudad sin Esperanza" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="960" style="aspect-ratio: 1280 / 960;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjkxNywicHVyIjoiYmxvYl9pZCJ9fQ==--01de211d63fc583da0cbe1277db3a07515695ed9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/685af41599493f69711be114_WhatsApp%20Image%202025-06-24%20at%2011.05.26.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">Una ciudad sin Esperanza</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Si Kafka hubiese vivido en Sevilla 110 años más tarde, abriría su diario con un “Ayer Estados Unidos bombardeó Irán. Por la tarde fui a ver a la Macarena”.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 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/hay-que-mojarse">
    <img alt="Hay que mojarse" 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/eyJfcmFpbHMiOnsiZGF0YSI6NDEzOTMsInB1ciI6ImJsb2JfaWQifX0=--182205f39da4e0f0976fb52787bcaafa9d1debb1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/IMG_4566.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">Hay que mojarse</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace una semana me desperté a eso de las cinco de una siesta de verano, sin prisa, y decidí ir a la playa. Así que agarré una toalla, crema, un libro y lo metí todo en la bolsa para poner rumbo hacia la Caleta.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 de agosto 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/quiero-ser-amigo-de-garci">
    <img alt="Quiero ser amigo de Garci" 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/eyJfcmFpbHMiOnsiZGF0YSI6MjU1NywicHVyIjoiYmxvYl9pZCJ9fQ==--431c24fd40602b1d79594d88e0730cdd05fd22fa/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729237bc2ec34042f265253_65d651c0cb66a890689aa2b8_WhatsApp-20Image-202024-02-21-20at-2020.35.13.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">Quiero ser amigo de Garci</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace poco fue el ochenta cumpleaños de José Luis Garci, y haciendo memoria, me he dado cuenta de lo influyente que ha sido en mi vida estos años.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        21 de febrero 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/alli-donde-soliamos-bailar">
    <img alt="Allí donde solíamos bailar" class="rounded-[16px] w-full h-auto bg-background-mid" width="1321" height="1024" style="aspect-ratio: 1321 / 1024;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg5LCJwdXIiOiJibG9iX2lkIn19--58e0ffbda31de6b267761fe0e508b948d19a210a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923364e2c74b33c98bbb4_66fd7cafb35256e1ffe16404_WhatsApp-20Image-202024-10-01-20at-2020.03.03.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">Allí donde solíamos bailar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Lo prohibido genera sensación de inmortalidad, y el morreo en sí tiene esa parte salvaje e instintiva que hace de cualquier pareja besándose en una discoteca una escena colosal</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/si-hubiesemos-viajado-juntos">
    <img alt="Si hubiésemos viajado juntos" class="rounded-[16px] w-full h-auto bg-background-mid" width="1750" height="1140" style="aspect-ratio: 1750 / 1140;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjY4MiwicHVyIjoiYmxvYl9pZCJ9fQ==--0d9abdcaf3b6fa398d09534c18a6a514a7b5db96/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292382df1522c75d4c3677_66046c2f3470a7e5bf2f8ce2_WhatsApp-20Image-202024-03-27-20at-2017.42.44.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">Si hubiésemos viajado juntos</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Y toda esta historia de desconocidos que se atraen, de gente que sólo quería saber de la otra persona un poquito más, me recuerda a ese casi viaje a Santander con I.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 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">Interiores</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/por-que-madrugamos-los-sabados">
    <img alt="¿Por qué madrugamos los sábados?" class="rounded-[16px] w-full h-auto bg-background-mid" width="1080" height="1229" style="aspect-ratio: 1080 / 1229;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg5OTEsInB1ciI6ImJsb2JfaWQifX0=--15760f02c897bd8eca2b456579cbfa5eaf4f4331/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/mj%20golf.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">¿Por qué madrugamos los sábados?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hubo una época en la que fichábamos a las ocho de la mañana y tocábamos más hielo que un esquimal. Eran otros tiempos...</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        17 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">Deportes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/se-te-nota-en-la-mirada">
    <img alt="Se te nota en la mirada" class="rounded-[16px] w-full h-auto bg-background-mid" width="1505" height="1513" style="aspect-ratio: 1505 / 1513;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjY1MSwicHVyIjoiYmxvYl9pZCJ9fQ==--fff2e0e27c2b5cf6e895be6740653b82e912b7a9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/686568ebc4cdc03071c49552_WhatsApp%20Image%202025-07-02%20at%2011.58.13.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">Se te nota en la mirada</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Caminan los dos como camina cualquier joven que disfruta de la compañía de otro: despacito, sin prisa, jugando a no correr.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 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">Deportes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/adios-companera">
    <img alt="Adiós, compañera" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTMyMzUsInB1ciI6ImJsb2JfaWQifX0=--7759fa9ebac7bf9bd8b9b00c4d0e9f223a4a1fc0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/IMG_3066.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">Adiós, compañera</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No sé dejar. Es una realidad, qué le vamos a hacer. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        1 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>
</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=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>