<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/ya-no-me-miras-como-antes">
    <img alt="Ya no me miras como antes" class="rounded-[16px] w-full h-auto bg-background-mid" width="1598" height="1501" style="aspect-ratio: 1598 / 1501;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkzMTYsInB1ciI6ImJsb2JfaWQifX0=--878ff687bc6a1452e2eacaf1b10884a1727c9a91/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/ya%20no%20me%20miras.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">Ya no me miras como antes</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Los días que me quedo a comer en el trabajo intento matar el tiempo como puedo. Y como la calle no es el mejor escenario a las dos de la tarde en plena ola de calor, huyo a los grandes almacenes patrios que tengo justo enfrente del trabajo</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 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">Costumbres</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/por-lo-que-venga">
    <img alt="Por lo que venga" class="rounded-[16px] w-full h-auto bg-background-mid" width="1300" height="731" style="aspect-ratio: 1300 / 731;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTgwMDcsInB1ciI6ImJsb2JfaWQifX0=--497183453d7f6124c40bf5ab4b3c4e54faf1f2ce/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/Leonardo-Di-Caprio-protagoniza-Gatsby_2037716210_5407228_1300x731.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 lo que venga</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La cafetería de un alvia es una radiografía de pasajeros. Más ahora, pues uno sabe cuándo entra en uno de esos trenes dirección a la capital pero no cuándo sale, por lo que entiendo que la gente se reúne en ese bar andante como si de la última cena se tratara. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/manu-vallejo-y-el-arte-de-no-parar">
    <img alt="Manu Vallejo y el arte de (no) parar" class="rounded-[16px] w-full h-auto bg-background-mid" width="768" height="675" style="aspect-ratio: 768 / 675;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc2MzEsInB1ciI6ImJsb2JfaWQifX0=--718e1f2814ada7bd8781ecc0335fbef103fa0ef8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/download.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">Manu Vallejo y el arte de (no) parar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m"> Quiero moverme por algo que me llene. No hacer las cosas porque sí.</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">Deportes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/pepe-el-marlboro">
    <img alt="Pepe &quot;el Marlboro&quot;" class="rounded-[16px] w-full h-auto bg-background-mid" width="574" height="421" style="aspect-ratio: 574 / 421;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTY1MzAsInB1ciI6ImJsb2JfaWQifX0=--f1393f8c36981e6b2a06405ff0cbf9a0e1af9a93/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/WhatsApp%20Image%202026-05-20%20at%2018.29.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">Pepe &quot;el Marlboro&quot;</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En un mundo cada vez más homogéneo, en el que todas las ciudades abrazan a las mismas franquicias y quienes las habitamos vestimos con cuatro colores contados, hay un reducto de personalidad en cada uno de nosotros que traspasa nuestro nombre y nuestro apellido (qué divertido era encontrar a alguien en  tuenti con tu mismo nombre y dos apellidos, ¿eh?): los motes.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 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/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/el-preverano">
    <img alt="El preverano" class="rounded-[16px] w-full h-auto bg-background-mid" width="960" height="1280" style="aspect-ratio: 960 / 1280;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUyNDAsInB1ciI6ImJsb2JfaWQifX0=--f8066038b5d1e2c7f33859fbb8e185a7a51a8f3c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/IMG_3274%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">El preverano</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">¿Pero qué hacemos mientras esperamos a la última tormenta antes del verano?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        6 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/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/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>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/bienvenida-primavera">
    <img alt="Bienvenida, primavera" class="rounded-[16px] w-full h-auto bg-background-mid" width="3024" height="2466" style="aspect-ratio: 3024 / 2466;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIzOTMsInB1ciI6ImJsb2JfaWQifX0=--03344eff536d139b45a3107bd41794e9b1983d49/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/IMG_2903.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">Bienvenida, primavera</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El agua de colonia. Pasear más de la cuenta. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        25 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/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>
</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?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>