.hemeroteca {
  display: grid; 
  grid-template-columns: repeat(auto-fill,minmax(18rem,1fr));
  grid-template-rows: auto;
  border-bottom: 3px solid red;
}

.hemeroteca .card {
      display: flex;
      flex-direction: column;
      /* align-content: space-between; */
      justify-content: space-around;
      font-size: .8rem;
      border-radius: .8rem;
      padding: 1rem;
      width: 18rem;
      background-color: var(--color-crema);
      margin-bottom: 3rem;
      /* line-height: 1.4; */
      /* box-shadow: 5px 5px 12px rgba(0, 0, 0, .6); */
      transition:
        transform .25s ease,
        box-shadow .25s ease;
      box-shadow: 
          0 2px 5px rgba(0, 0, 0, .05),
          0 8px 20px rgba(0, 0, 0, .06);
  }

.hemeroteca .card:hover {
      transform: translateY(-4px);
      box-shadow:
        0 4px 8px rgba(0, 0, 0, .05),
        0 12px 28px rgba(0, 0, 0, .10);
  }

.hemeroteca .card_img {
      max-width: 13rem;
      /* height: auto; */
      height: 40%;
      margin-bottom:1rem;
    }

.hemeroteca .card_img img {
      /* border-radius: 50%; */
      /* aspect-ratio: 16 / 9; */
      width: 100%; 
      height: auto;
      /* escala per veure-la completament sense deformar */
      object-fit:contain;  
      /* omple el contenidor totalmente pero mantenin la proporció */
      /* object-fit:cover;     */
    }

.hemeroteca .card_content {
      display: flex;
      flex-direction: column;
      /* height: auto; */
      height: 60%;
      /* margin-bottom:2rem; */
    }

.hemeroteca .card_date {
    font-size: .9rem;
    margin-bottom: .5rem;
}
.hemeroteca .card_title {
    line-height: 1.2;
    margin-bottom: .5rem;
} 
.hemeroteca .card_dtext {
    font-size: .9rem;
    line-height: 1.5;
    color: #555;
    }