<turbo-stream action="append" target="articles_grid"><template>
    <a class="flex flex-col items-start gap-[32px] relative" href="/textos/llueve-en-la-ciudad">
    <img alt="Llueve en la ciudad" class="rounded-[16px] w-full h-auto bg-background-mid" width="2048" height="1536" style="aspect-ratio: 2048 / 1536;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk1NiwicHVyIjoiYmxvYl9pZCJ9fQ==--86cdb4a984464e4d8cd23ba6cb27ad8f8b1591fe/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/672923681f7053304681808f_659e93c76fe25e7824f177cf_dia-20de-20lluvia.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">Llueve en la ciudad</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">“Está la cosa chunga para hoy. Dan lluvia todo el día”. Joder, llueve, y eso nos es lo normal aquí. Cada vez que llueve la ciudad se paraliza. No jugamos al fútbol, no quedamos con amigos, la gente no sale de casa a no ser que tenga que hacer recados. Como si de una catástrofe natural se tratase.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        10 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/detras-de-las-camaras">
    <img alt="Detrás de las cámaras" class="rounded-[16px] w-full h-auto bg-background-mid" width="1500" height="1000" style="aspect-ratio: 1500 / 1000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTk4LCJwdXIiOiJibG9iX2lkIn19--93a1f7c4975cca84ccd550c14dd8aa56527f1ded/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292346e0364d499edc5275_6595a227caed2b62dce4ab8b_WhatsApp-20Image-202024-01-02-20at-2013.06.41.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">Detrás de las cámaras</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">La semana pasada fue la primera vez que vi Love actually en mi vida. (...)En la película, Hugh Grant interpreta el papel de primer ministro británico. En una de sus escenas, tras un encuentro con el presidente de Estados Unidos del que sale muy bien parado con respecto a la opinión pública, el bueno de Hugh escucha la radio musical en el dormitorio mientras se desabrocha la corbata (...)</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        3 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/el-amor-despues-del-amor">
    <img alt="El amor después del amor" class="rounded-[16px] w-full h-auto bg-background-mid" width="1280" height="624" style="aspect-ratio: 1280 / 624;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAyMCwicHVyIjoiYmxvYl9pZCJ9fQ==--319e8275fa1e2569b7544cd0bcd28a99877f23af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292348e0364d499edc536c_658c76e4d6a454cb5e867d53_amor-20despue-CC-81s.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 amor después del amor</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Hace unos días - o unas semanas, esto se pasa volando- presencié una escena muy romántica en una cafetería.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        27 de diciembre 2023
    </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/no-puedo-tengo-pesca">
    <img alt="No puedo, tengo pesca" class="rounded-[16px] w-full h-auto bg-background-mid" width="1500" height="2000" style="aspect-ratio: 1500 / 2000;" src="https://www.sustrato.io/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI1NSwicHVyIjoiYmxvYl9pZCJ9fQ==--15094c96ebfca967fb5ec8c53cb81771e824d8ad/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzUwMCxudWxsXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--73dc8eb38ecc36bdd70cff4f8803d6fa43437d51/67292371ea020d7a0ebe3fc5_6582e2a9ed57731bb5fbb0b1_pesca-202.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 puedo, tengo pesca</h3>
      <p class="overflow-hidden line-clamp-2 text-ellipsis self-stretch text-content-mid font-low-m">Vivo en un sitio en el que el mar rodea la ciudad como una bufanda a un cuello en un día de frío. El mar es parte esencial del gaditano aunque solo sea a la hora de salir a correr o caminar por el paseo marítimo de la ciudad.</p>
    </div>
    <p class="self-stretch text-content-mid font-low-m">
        20 de diciembre 2023
    </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">
</div>
</template></turbo-stream>