<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/en-mi-musica-mando-yo">
    <img alt="En mi música mando yo" class="rounded-[16px] w-full h-auto bg-background-mid" width="1024" height="1280" style="aspect-ratio: 1024 / 1280;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE4MiwicHVyIjoiYmxvYl9pZCJ9fQ==--75b2f3e53f55126ec32e5616d90fd3e5e1742d53/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6942f2bf6199478084d34b1b_IMG_2185.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">En mi música mando yo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Recuerdo un día de carnaval, hace unos años, en el que salimos a escuchar unas coplillas nocturnas una pandilla algo subversiva.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        17 de diciembre 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-arte-de-escribir-a-pluma">
    <img alt="El arte de escribir a pluma" class="rounded-[16px] w-full h-auto bg-background-mid" width="1453" height="1682" style="aspect-ratio: 1453 / 1682;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAyNiwicHVyIjoiYmxvYl9pZCJ9fQ==--75701dafdaae19df332bfa02d1d51858eac1e08b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6939c42ed06c70a66570cf4a_WhatsApp%20Image%202025-12-10%20at%2017.47.17.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 arte de escribir a pluma</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El pasado 4 de septiembre el mundo de la moda y el buen gusto se paralizó con la muerte de Giorgio Armani. Aquel día también se cumplían dos meses de la primera vez que escribía a pluma. Es más, aquel aniversario también hacía honor a mi primera estilográfica en propiedad.‍Los inicios fueron torpes, ya que la herencia del niño que apretaba en demasía el lápiz en el colegio se vio reflejada en mis primeras líneas. No quise ser dramático, pues las primeras veces nunca son bonitas o, en su defecto, cómodas. Pero Roma no se hizo en un día ni una caligrafía digna en tres frases.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 de diciembre 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/no-quiero-saberlo-todo">
    <img alt="No quiero saberlo todo" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="1908" style="aspect-ratio: 2048 / 1908;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI2MywicHVyIjoiYmxvYl9pZCJ9fQ==--0fdeedc838ab2646926ec6dadcedbe2801d2c5be/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/69306730d5cf3e251d8fb0b9_WhatsApp%20Image%202025-12-03%20at%2016.40.59.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">No quiero saberlo todo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Últimamente meterme en instagram es sinónimo de aprender golfísticamente hablando</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        3 de diciembre 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/para-que-sirve-un-pogo">
    <img alt="¿Para qué sirve un pogo?" class="rounded-[16px] w-full h-auto bg-background-mid" width="1785" height="2048" style="aspect-ratio: 1785 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM5MCwicHVyIjoiYmxvYl9pZCJ9fQ==--f8c18cd05de767261e51bcb8d8e6f34642d63993/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/692754d135720d92874a78e1_IMG_1979.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">¿Para qué sirve un pogo?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El pogo llevaba planeado meses, al parecer.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        26 de noviembre 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-querer-duele">
    <img alt="El querer duele" class="rounded-[16px] w-full h-auto bg-background-mid" width="1465" height="1600" style="aspect-ratio: 1465 / 1600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0MywicHVyIjoiYmxvYl9pZCJ9fQ==--5e6d1d4ef5958fe983843d5220e19244236caa8c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/691e16cd94a233d5cb72d754_WhatsApp%20Image%202025-11-19%20at%2018.22.32.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 querer duele</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Decidí que era el momento de cambiar mis botines de ante por unos de piel.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        19 de noviembre 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/impuesto-revolucionario">
    <img alt="Impuesto revolucionario" class="rounded-[16px] w-full h-auto bg-background-mid" width="4284" height="5712" style="aspect-ratio: 4284 / 5712;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ5OSwicHVyIjoiYmxvYl9pZCJ9fQ==--09c5228e8bcc3a0bb5738b319c6fc12ce1bf7dfb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6914d6654984b229c51c359e_IMG_1378.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">Impuesto revolucionario</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En realidad yo no tenía que ir a por nada al super, pero allí estaba.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        12 de noviembre 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/formas-de-hacerse-mayor">
    <img alt="Formas de hacerse mayor" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTI4MSwicHVyIjoiYmxvYl9pZCJ9fQ==--7839146e0a2effba6a1d389786e298e68b4fa1dc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/690b9f1c0b5851684b2379ce_IMG_0341%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">Formas de hacerse mayor</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Pasar por LIDL a ver si sigue la semana italiana. Mirar el tiempo tres veces al día.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 de noviembre 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/gazi-khalidov-y-el-oficio-de-aniquilar">
    <img alt="Gazi Khalidov y el oficio de aniquilar" 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/eyJfcmFpbHMiOnsiZGF0YSI6MTMxOCwicHVyIjoiYmxvYl9pZCJ9fQ==--94a8e1224424a10f2c4358f80d6e8ff9a06d8d5e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/690257689b0f8a4db337969d_IMG_1720.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">Gazi Khalidov y el oficio de aniquilar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Durante toda la noche del 25 de octubre la banda sonora del polideportivo Las Gaunas fue la misma.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        29 de octubre 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/mi-ventana-indiscreta">
    <img alt="Mi ventana indiscreta" class="rounded-[16px] w-full h-auto bg-background-mid" width="1098" height="664" style="aspect-ratio: 1098 / 664;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjE2OCwicHVyIjoiYmxvYl9pZCJ9fQ==--786ea9cfa5353f09650c25c8d55a65148151ccbb/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68f922476500b062feacb420_IMG_1663.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 ventana indiscreta</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Son las 10 de la mañana. Es lunes y estoy teletrabajando desde casa. Las habitaciones en las que he vivido nunca han dado a otros edificios pero esta sí, de modo que la cortina es mi mejor amiga.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        22 de octubre 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/romerito-y-yo">
    <img alt="Romerito y yo" 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/eyJfcmFpbHMiOnsiZGF0YSI6MjYxMSwicHVyIjoiYmxvYl9pZCJ9fQ==--9b6c549a92d492b779cf6daca30747e38d39073f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68efe5c9cbca60365a80cfe6_IMG_1502.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">Romerito y yo</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No sé si la amistad tiene algún color en particular o si el cariño es de un tono en concreto, pero esta vez era blanco.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        15 de octubre 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/adios-jose-antonio">
    <img alt="Adiós, José Antonio" class="rounded-[16px] w-full h-auto bg-background-mid" width="1536" height="2048" style="aspect-ratio: 1536 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTY5LCJwdXIiOiJibG9iX2lkIn19--df5bae9a727bd727fec3bfb35ac0e41f88567367/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68ecece8f9f03729de8950b4_WhatsApp%20Image%202025-10-13%20at%2009.33.42.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">Adiós, José Antonio</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Cuando los patos se fueron sin decir adiós, nada fue igual para Tony Soprano.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        13 de octubre 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/una-hoguera-sonora">
    <img alt="Una hoguera sonora" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="696" style="aspect-ratio: 1280 / 696;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjkyNiwicHVyIjoiYmxvYl9pZCJ9fQ==--14c8627a0573e9bfdab2e9e963320c373e960cdd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/68e6a91d254a728969f1c641_WhatsApp%20Image%202025-10-08%20at%2019.30.38.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 hoguera sonora</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Yo esta afición, como casi todas, la conocí gracias a mi padre.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 de octubre 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">Interiores</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>