<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/archive-que">
    <img alt="Archive ¿qué?" class="rounded-[16px] w-full h-auto bg-background-mid" width="1080" height="1440" style="aspect-ratio: 1080 / 1440;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA2ODAsInB1ciI6ImJsb2JfaWQifX0=--cb2f988b998d309765c3a427018a35562e9c125f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/IMG-4521%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">Archive ¿qué?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Estamos a 5 de marzo y mi tarjeta ya está temblando. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        5 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">Tendencias</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/insertar-titulo-simpaticon">
    <img alt="Insertar título simpaticón" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="736" style="aspect-ratio: 736 / 736;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTUxMCwicHVyIjoiYmxvYl9pZCJ9fQ==--47ad30624d41b14114efbb2c3c42c0bfac7d0a88/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/686d3b1e35eead70ec116c21_WhatsApp%20Image%202025-07-08%20at%2012.48.53.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">Insertar título simpaticón</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Bienvenido a bordo, encantado de saludarte :) ‍Soy un texto molón y estoy donde menos te lo imaginas, esperando a ser leído, deseando sacarte una sonrisa.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        8 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">Tendencias</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-aeropuerto-y-mis-normas">
    <img alt="El aeropuerto y mis normas" class="rounded-[16px] w-full h-auto bg-background-mid" width="1125" height="1398" style="aspect-ratio: 1125 / 1398;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDE4MDQsInB1ciI6ImJsb2JfaWQifX0=--12b240ff2c3ce08ad2c0dffb8b06ba80b5e0dcdd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/d8209294785a8724835583232d88e527.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">El aeropuerto y mis normas</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Recuerdo un anuncio de la marca de bebidas Aquarius que cerraba con la siguiente frase: el verano hace bueno al invierno. Idea que cada año vuelve a mí cual boomerang. </p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 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/se-busca-bruja-literalmente">
    <img alt="Se busca bruja, literalmente  " class="rounded-[16px] w-full h-auto bg-background-mid" width="492" height="624" style="aspect-ratio: 492 / 624;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjY0NywicHVyIjoiYmxvYl9pZCJ9fQ==--c114430b4ce171d200696ad701870a03eb54c7d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--20f41b5fbc8fdcbaccab4cb2bf2dbd604896dbca/68348bdb5b1f089b27f7d221_5c7da696d1e8975917040f7ac66e839c.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">Se busca bruja, literalmente  </h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hice lo que hubiera hecho cualquier persona de la faz de la Tierra: poner la oreja en la mesa de al lado.‍ Dos mujeres-bien de Madrid hablaban sobre sus quehaceres, sus vacaciones de Navidad, los colegios de los niños y las torpezas de sus maridos. La conversación como tal no era interesante pero, de golpe, tomó un rumbo muy sugerente para mis oídos. Una de las dos mencionó una frase-contraseña capaz de alertar los sentidos de cualquier comensal presente: «por cierto, he de contarte lo de mi bruja» ‍</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        26 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/navidad-con-extra-de-azucar">
    <img alt="Navidad con extra de azúcar" class="rounded-[16px] w-full h-auto bg-background-mid" width="700" height="450" style="aspect-ratio: 700 / 450;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjIzNSwicHVyIjoiYmxvYl9pZCJ9fQ==--aab48b2ceeb0a305e120da2e649098c60464b800/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/674f27648a3e672aaf4089ef_WhatsApp%20Image%202024-12-03%20at%2011.14.21.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">Navidad con extra de azúcar</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Por si no te habías dado cuenta o tu Netflix no se ha llenado de portadas de películas con parejas vestidas con los colores corporativos de la Navidad —verde y rojo—, estamos en diciembre, lo que viene siendo la temporada de las malas comedias románticas navideñas. mismos argumentos y fórmulas. </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">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>