<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-importancia-de-los-rituales">
    <img alt="La importancia de los rituales" class="rounded-[16px] w-full h-auto bg-background-mid" width="736" height="920" style="aspect-ratio: 736 / 920;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTYzMCwicHVyIjoiYmxvYl9pZCJ9fQ==--d1b1a9009abf63ba97900ddb8f672c12a0f2df0f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--b3101fe86e6fee8591735413be4c1b6ffa689e6a/676aa28aee4001c8a77da0be_rituales.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">La importancia de los rituales</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Habrá quien diga que la mejor manera de vivir es no creer en nada. Que eso de los rituales son supersticiones disfrazadas de manías, una manera absurda de buscarle sentido a lo que no lo tiene.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        24 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/coger-todos-los-trenes">
    <img alt="Coger todos los trenes" class="rounded-[16px] w-full h-auto bg-background-mid" width="225" height="300" style="aspect-ratio: 225 / 300;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODU0LCJwdXIiOiJibG9iX2lkIn19--180b0a1c34f7806677ba6c894bff1794595b9811/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/674f59e836164a480ba30246_WhatsApp%20Image%202024-12-02%20at%2018.36.55.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">Coger todos los trenes</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Cruzó el paso de peatones como quien no le teme a la vida, como si las normas de circulación las hubiese inventado ella.</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">Ficciones</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-sustrato-del-verano">
    <img alt="El sustrato del verano" class="rounded-[16px] w-full h-auto bg-background-mid" width="1168" height="2009" style="aspect-ratio: 1168 / 2009;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--b47631135087fc31f6df176ee0e8cbc8fa995206/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729234b56aa1a493c6b7c51_66d847cefe4174f78028a0f2_WhatsApp-20Image-202024-09-03-20at-2014.51.19.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 sustrato del verano</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Odio repetir los veranos. La improvisación entre junio y agosto siempre se convierte en una necesidad vital.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        4 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/el-amor-breve">
    <img alt="El amor breve" class="rounded-[16px] w-full h-auto bg-background-mid" width="1368" height="2048" style="aspect-ratio: 1368 / 2048;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAxOSwicHVyIjoiYmxvYl9pZCJ9fQ==--028093117d217477f84ac07247f24db3f687d628/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/67292348dbb655aee15d981f_667474f2b80379abf6412408_amor-20brecre-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">El amor breve</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Demasiado se habla del vestido de la novia, de lo bonitas que quedaron las flores y de lo fría que estaba la comida. Pero dos pasos a la derecha de un vals mal bailado hay una pareja mirándose y recreando su propia boda imaginaria.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-importancia-de-quien-te-mira">
    <img alt="La importancia de quien te mira" class="rounded-[16px] w-full h-auto bg-background-mid" width="739" height="1316" style="aspect-ratio: 739 / 1316;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTYzMiwicHVyIjoiYmxvYl9pZCJ9fQ==--bc7e6a7a3e41e8019419bc8dd86563af3c2d6f2d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbNTAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--f2b25e6e4c70d4af454b5a38b9376b3710c5ec4b/6729236057febc85e879981b_664399e34c05072b52a2992f_la-20importancia-20de-20queien-20te-20mira.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">La importancia de quien te mira</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Al volver, me encuentro con que J. me había hecho una foto sin darme cuenta. Tras iniciar un forcejeo verbal en el que le explico que cómo se atreve, que no me gusta que me hagan fotos, J. me dijo tajantemente: no pienso borrarla, a mí me encanta.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        14 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/semana-santa-todo-esta-en-su-sitio">
    <img alt="Semana Santa (todo está en su sitio)" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="859" style="aspect-ratio: 1280 / 859;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjY1OSwicHVyIjoiYmxvYl9pZCJ9fQ==--f6f911cee0ec435379c6fc4cea1856bb67262f9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923807e1da4ab22094589_6606f6cb99101d54997bdf0a_WhatsApp-20Image-202024-03-28-20at-2012.25.31.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">Semana Santa (todo está en su sitio)</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Sin considerarme el más cofrade, sí que consigo atisbar cada año cómo el sentir sincero sobre la Semana Santa es una realidad innegable.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        29 de marzo 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/masats-la-huella-de-la-espana-cani">
    <img alt="Masats. La huella de la España cañí" class="rounded-[16px] w-full h-auto bg-background-mid" width="777" height="1151" style="aspect-ratio: 777 / 1151;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjEyNSwicHVyIjoiYmxvYl9pZCJ9fQ==--eae82bff371567a802ea77a130f2a46486360245/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/6729236d33ca7f46f738237c_65ea014bbc0dd8207e5059cb_Andu-CC-81jar.-20Jae-CC-81n-2C-201960.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">Masats. La huella de la España cañí</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La fotografía no fue considerada como un arte en España porque aún no se había puesto detrás del objetivo Ramon Masats.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        7 de marzo 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">Artes</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/bodas-parque-de-atracciones">
    <img alt="Bodas parque de atracciones" class="rounded-[16px] w-full h-auto bg-background-mid" width="1068" height="1600" style="aspect-ratio: 1068 / 1600;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzUwLCJwdXIiOiJibG9iX2lkIn19--45d2fecfbf9e06b4deec0ebe81e0b0f2065feaed/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923390addf8124405a657_65d4ebd0a2d5d07146426bb6_IMG_2122.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">Bodas parque de atracciones</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Los que hayan asistido a tal festín sabrán de lo que hablo. Realmente, me paro a pensar y no sé en qué momento las bodas pasaron a convertirse en un día donde el dinero que inviertes es proporcional a la cantidad de diversión que te ofrecen.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de febrero 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/la-fiesta-en-la-que-descubri-de-que-iba-mi-tesis">
    <img alt="La fiesta en la que descubrí de qué iba mi tesis" class="rounded-[16px] w-full h-auto bg-background-mid" width="1706" height="960" style="aspect-ratio: 1706 / 960;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTYxNiwicHVyIjoiYmxvYl9pZCJ9fQ==--d57d5afe5d9cc8c7ca34a095ebcfabb9f6c6defe/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--cf5201fe9e8ffe6e9eebc1e0ad54e8a5b68dbd49/6729235fd8e67750def9c070_65a6b354ea958fe617d0e31b_697690494_226616852_1706x960.jpg.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">La fiesta en la que descubrí de qué iba mi tesis</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hay noches especiales en las que el viento sopla más agradable que nunca y te dejas llevar sin pedirle nada a la providencia, más allá de no encontrarte a tu ex –o a su mejor amiga–. Hoy no vengo a hablar de un reencuentro inesperado, sino del punto de inflexión de mi tesis doctoral.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        16 de enero 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">Costumbres</span>
  </div>

  </div>
</a>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/a-susan-sontag-le-encantaria-saltburn">
    <img alt="A Susan Sontag le encantaría Saltburn" class="rounded-[16px] w-full h-auto bg-background-mid" width="675" height="489" style="aspect-ratio: 675 / 489;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTQ5LCJwdXIiOiJibG9iX2lkIn19--e5ff2d8f9642864b415917b37c99db2ba3085aec/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923344e2c74b33c98ba10_659fe513f976af7342b5d602_Sontag.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">A Susan Sontag le encantaría Saltburn</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Recientemente he tenido la oportunidad de visionar una de las películas más controversiales, poliédricas y sugerentes de este año sobre la que, por supuesto, hay mucha tela que cortar en cuanto a análisis. Aquí también tienes que seleccionar un bando: ¿Saltburn o barbarie?</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        11 de enero 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>