<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/datos-y-relatos">
    <img alt="Datos y relatos" class="rounded-[16px] w-full h-auto bg-background-mid" width="602" height="237" style="aspect-ratio: 602 / 237;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTQzLCJwdXIiOiJibG9iX2lkIn19--cee8a28aad0daf3cda0099ba5a5ac8c16c8ad520/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/672923436c86b924de38da72_66f304306f97962de81c3262_1__Yta83MOUjCeHlqIey2HgQ.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">Datos y relatos</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace unos meses, cuando escribí sobre la realidad, creo recordar que dije que los datos eran algo así como el reflejo de la realidad. Bueno, mentí, ¿quién podía imaginarlo?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 de septiembre 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/voces-generacionales">
    <img alt="Voces generacionales" class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="900" style="aspect-ratio: 1600 / 900;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mjk4OCwicHVyIjoiYmxvYl9pZCJ9fQ==--c57dfb3798a3d74d3cb91d822581cdad5a4a6e7c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729238dc0a5f035d431ec49_66eacf690aad8e2cccc7f15d_voces-20generacionales.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">Voces generacionales</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Internamente había decidido que no iba a tuitear o comentar nada sobre cierto programa de la primera. Sin embargo, aquí estamos.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 de septiembre 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/liberalmente-totalitarios">
    <img alt="Liberalmente totalitarios" class="rounded-[16px] w-full h-auto bg-background-mid" width="640" height="360" style="aspect-ratio: 640 / 360;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk0MywicHVyIjoiYmxvYl9pZCJ9fQ==--373337507085c71a4a1fa50313dda07343d5e159/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/67292366498fcb52907ea167_66daeae6867fe0d4109be976_elon-20musk.webp" />
  <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">Liberalmente totalitarios</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El formato del vídeo sería el clásico de hacer preguntas buscando la sorpresa del encuestado; el tema de las preguntas sería ¿quién ha tomado esta medida: una dictadura caribeña, una democracia liberal o ambos?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        6 de septiembre 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/zte-zonas-turistificadas-especiales">
    <img alt="ZTE (Zonas Turistificadas Especiales)" 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/eyJfcmFpbHMiOnsiZGF0YSI6MzA1NiwicHVyIjoiYmxvYl9pZCJ9fQ==--f8fb1d9e67717d60f44bc5fe18c1ed89bd35c636/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/66a37af4457eeac09cd3ca9d_WhatsApp%20Image%202024-07-26%20at%2012.21.14.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">ZTE (Zonas Turistificadas Especiales)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay momentos que cambian la historia y este parecía que iba a ser uno de ellos. Cuando el presidente se presentó en televisión nadie sabía qué iba hacer</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        26 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">Ficciones</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/lamine-salvame">
    <img alt="Lamine, sálvame" class="rounded-[16px] w-full h-auto bg-background-mid" width="453" height="632" style="aspect-ratio: 453 / 632;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg4MiwicHVyIjoiYmxvYl9pZCJ9fQ==--50a91971438e484668e24e84c51b50d0e35d2ec6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292364602c5cb51779b4bb_6693d6f305c39374f92c3c69_1996-203.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">Lamine, sálvame</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">No deben existir más variedades de la frase más famosa de la canción Three Lions, parte de la banda sonora de la Euro 1996 que organizó Inglaterra, si existen no quiero oírlas, no quiero leerlas, no quiero sentir la melodía de esa canción.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        14 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">Deportes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/por-que-la-realidad-no-importa">
    <img alt="Por qué la realidad no importa" class="rounded-[16px] w-full h-auto bg-background-mid" width="623" height="431" style="aspect-ratio: 623 / 431;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ3OSwicHVyIjoiYmxvYl9pZCJ9fQ==--d207885852b1d960cbae25461d5429b1f9d0cb4e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923790a9bb48f3b703c03_6683dbeb3b11d0bec2a9354f_WhatsApp-20Image-202024-07-02-20at-2012.36.46.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é la realidad no importa</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Podemos decir que existen tres planos diferentes: la realidad «tal y como es»; un segundo plano que es la interpretación o relato que se intenta hacer de esos datos pasándolos por filtros ideológicos e intereses de generadores de opinión; y por último, el plano de la realidad que cada uno percibimos, la suma de los dos primeros más nuestros propios sesgos.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 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">Ideas</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/por-que-las-cosas-dejan-de-funcionar">
    <img alt="¿Por qué las cosas dejan de funcionar?" class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="1200" style="aspect-ratio: 1600 / 1200;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ4MCwicHVyIjoiYmxvYl9pZCJ9fQ==--77931cd1577a3275bd168c1bedb6fb0d011b82a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923798d67daa2ad8b0b4d_664b3815f48328e2b8e0dd77_WhatsApp-20Image-202024-05-20-20at-2011.54.46.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é las cosas dejan de funcionar?</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">En la estación de Liverpool Street hay una escalera mecánica que no funciona. No sé cuanta gente pasa cada día, decenas, centenas, miles, decenas de miles de personas, riadas, manadas de gente usan esas escaleras cada día de la semana.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 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>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/resquicios-de-esperanza-en-the-library">
    <img alt="Resquicios de esperanza en The Library" class="rounded-[16px] w-full h-auto bg-background-mid" width="1600" height="1200" style="aspect-ratio: 1600 / 1200;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjU4NCwicHVyIjoiYmxvYl9pZCJ9fQ==--a25c8843d4cb5d4982f4aff40c4708a06100dcbf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292381fef8dced38ad0633_6620ec5e00a791d009ee2979_etihad.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">Resquicios de esperanza en The Library</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Carlos estuvo en Manchester, fue al Etihad. Y lo vio suceder otra vez.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        18 de abril 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">Deportes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-rey-en-el-norte">
    <img alt="El Rey en el Norte" class="rounded-[16px] w-full h-auto bg-background-mid" width="1050" height="877" style="aspect-ratio: 1050 / 877;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0NCwicHVyIjoiYmxvYl9pZCJ9fQ==--086228c19052e3d24e033289f01663af3472f099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/6729234bd5dc7b349b4c9a8f_660c2c2b659e8cfd07ae25f8_rey-20en-20el-20norte-202.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">El Rey en el Norte</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">El rey en el Norte es una buena e hiperbólica manera de comenzar algo, de infundir grandeza a una historia que trata sobre la avaricia o el despilfarro (...) olvidarse de que la contabilidad tiene dos entradas, el debe y el haber, lo que tienes y cómo lo estás pagando</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        2 de abril 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">Deportes</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>