<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/esquizofrenia-eolica">
    <img alt="Esquizofrenia eólica" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="1366" style="aspect-ratio: 2048 / 1366;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIyMSwicHVyIjoiYmxvYl9pZCJ9fQ==--5e71fcd41869f476ecdbd76110abbcd11dac3e02/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/67292350d0a298178175630f_668d33a058c26848ab903909_esquizofrenia-20eo-CC-81lica-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">Esquizofrenia eólica</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Como todo buen hombre de la new wave de masculinidad tóxica, paso varias horas semanales mirando Google Maps. Busco zonas para aparcar en ciudades en las que nunca he estado, pueblos rurales con carreteras potencialmente divertidas y el punto peninsular más alejado de cualquier «Casa de las Carcasas».</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        9 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">Internet</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/pum-pum-pum-pum">
    <img alt="Pum-pum, pum-pum" class="rounded-[16px] w-full h-auto bg-background-mid" width="1080" height="698" style="aspect-ratio: 1080 / 698;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjUxNywicHVyIjoiYmxvYl9pZCJ9fQ==--42dd625d7aa92a05113f5c6e0cc97a8b525eef48/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729237b0e98487bb17e5df2_667d5bb5ab194e22f6783689_pum-20tutto_passa.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">Pum-pum, pum-pum</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">¿Llevas la cuenta? Estamos biológicamente acotados a cierto número. Tu corazón y el mío latirán del orden de mil millones (1000000000) de veces antes de pararse. Pum pum. Cada uno a su ritmo. Pum-pum.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de junio 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/cuantica-relacional-para-pringados">
    <img alt="Cuántica relacional para pringados" class="rounded-[16px] w-full h-auto bg-background-mid" width="1192" height="513" style="aspect-ratio: 1192 / 513;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTI5LCJwdXIiOiJibG9iX2lkIn19--b9fc87dc0b398ffde9050f5e8051d447aeb944db/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923406c86b924de38d7ed_666881abe8ea68c99511f9c8_Fleabag_confused.original.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ántica relacional para pringados</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Las relaciones humanas son complicadas. Especialmente si eres una persona introvertida. Muy especialmente si además eres una persona meta-compulsiva en lo que al baile social respecta.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        11 de junio 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/deja-que-la-magia-tenga-un-hueco">
    <img alt="Deja que la magia tenga un hueco" class="rounded-[16px] w-full h-auto bg-background-mid" width="600" height="338" style="aspect-ratio: 600 / 338;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTczLCJwdXIiOiJibG9iX2lkIn19--7e1452a746b5a5e2246772814314560fb7e7b3de/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJnaWYiLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdLCJsb2FkZXIiOnsibiI6LTF9LCJzYXZlciI6eyJhbGxvd19hbmltYXRpb24iOnRydWV9fSwicHVyIjoidmFyaWF0aW9uIn19--8d669a8224303d1d52ce3f6150a226016f9468d1/672923448315974ce2de79e0_66546b0e8da2de248e09ab13_02-20--20dvd.gif" />
  <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">Deja que la magia tenga un hueco</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Rebota una pregunta entre todos los márgenes de mi cabeza como el salvapantallas de los DVDs, hasta dar en una esquina, y reza: ¿Cuál es tu primer recuerdo?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de mayo 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/arriba-el-gatekeeping">
    <img alt="Arriba el gatekeeping" class="rounded-[16px] w-full h-auto bg-background-mid" width="1200" height="630" style="aspect-ratio: 1200 / 630;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Njg1LCJwdXIiOiJibG9iX2lkIn19--5e00cc650fa1dd78a7f1f23dcf65ea7f3a2c76c1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292339e0364d499edc4566_6647313cb6afb70d1519ff45_andy-20samberg.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">Arriba el gatekeeping</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Cada par de meses, sin falta, me veo el sketch de “Dear Sister” (Saturday Night Live). En él, se lleva al extremo más absurdo un cliché del que se abusaba en el género de películas conocido como tardes de domingo en Antena3.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        17 de mayo 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">Ideas</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>