.sus-contenedor {
   display: grid;
   grid-template-columns: repeat(40, 1fr);
   grid-template-rows: repeat(40, minmax(20px, auto));
   grid-gap: 5px;
   width: 100%;
   height: 100%;
   margin: auto;
}

.no-sus-contenedor {
   padding: 20px 20px;
   font-family: var(--font0);
   font-size: 1.2rem;
   text-align: justify;
}

.item-tarjeta {
   background: transparent;
   font-family: var(--font1);
   grid-column: 2 / 14;
   grid-row: 3 / 23;
   border-radius: .5rem .5rem;
}

.descargar {
   font-size: 1.3rem;
}

.item-tarjeta > FIGURE > A > IMG {
   border-radius: 0.5rem 0.5rem;
}

.num-suscriptor {
   padding: 0.25rem 0;
   grid-column-start: 2;
   grid-column-end: 18;
   grid-row-start: 2;
   grid-row-end: 2;
   font-family: var(--font1);
   font-size: 1.5rem;
}

.ben-clasificado {
   padding: 0.25rem 0;
   grid-column-start: 18;
   grid-column-end: 40;
   grid-row-start: 4;
   grid-row-end: 4;
   font-family: var(--font1);
   font-size: 1.5rem;
}

.ben-hemeroteca {
   padding: 0.25rem 0;
   grid-column-start: 18;
   grid-column-end: 40;
   grid-row-start: 3;
   grid-row-end: 3;
   font-family: var(--font1);
   font-size: 1.5rem;
}

.ben-archivo {
   padding: 0.25rem 0;
   grid-column-start: 18;
   grid-column-end: 40;
   grid-row-start: 2;
   grid-row-end: 2;
   font-family: var(--font1);
   font-size: 1.5rem;
}

.ben-fotografia {
   padding: 0.25rem 0;
   grid-column-start: 18;
   grid-column-end: 40;
   grid-row-start: 5;
   grid-row-end: 5;
   font-family: var(--font1);
   font-size: 1.5rem;
}

@media (max-width: 768px) {
   .item-tarjeta {
      grid-column: 2 / 40;
   }
   .sus-contenedor {
      grid-template-rows: repeat(40, auto);
   }
   .ben-clasificado {
      grid-row: 23 / 23;
      grid-column: 2 / 40;
   }
   .ben-hemeroteca {
      grid-row: 24 / 24;
      grid-column: 2 / 40;
   }
   .ben-archivo {
      grid-row: 25 / 25;
      grid-column: 2 / 40;
   }
   .num-suscriptor {
      grid-column: 2 / 40;
   }
}

.color-blue {
   color: blue!important;
}

.item-card {
   padding: 0.25rem 0;
}