.tags{
  padding-top: 0.8rem;
  font-size: 0.8rem;
  font-style: italic;
}
.tags:before{
  display: inline-block;
  font-size: 0.9rem;
  font-family: Bootstrap-icons;
  content: "\F5AF";
}
.mas-leidos .contenedor-posts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 2rem;
}
.mas-leidos .post1 { grid-area: 1 / 1 / 3 / 3; }
.mas-leidos .post2 { grid-area: 1 / 3 / 2 / 4; }
.mas-leidos .post3 { grid-area: 1 / 4 / 2 / 5; }
.mas-leidos .post4 { grid-area: 2 / 3 / 3 / 4; }
.mas-leidos .post5 { grid-area: 2 / 4 / 3 / 5; }

{# ===================== post principal ========================= #}
.mas-leidos .post-principal{
  border-radius: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5rem;
  background-size: auto 100% !important;
  background-position: center !important;
  transition: all 0.3s ease;
}
.mas-leidos .post-principal:hover{
  background-size: auto 130% !important;
}
.mas-leidos .post-principal .titulo,
.mas-leidos .post-principal .fecha,
.mas-leidos .post-principal .tiempo-lectura{
  color: white;
}
.mas-leidos .post-principal .fecha,
.mas-leidos .post-principal .tiempo-lectura{
  padding-right: 2rem;
}
.mas-leidos .post-principal .titulo{
  font-family: var(--pop);
  font-size: 1.35714rem;
  font-weight: 500;
  line-height: 2rem; /* 147.368% */
  border-bottom: solid white 1px;
  display: inline-block;
  text-align: left;
  padding: 0 0 1rem;
  margin: 0 0 1rem;    
}
.mas-leidos .post-principal .datos{
  display: flex;
}

{# ===================== posts secundarios ========================= #}
.mas-leidos .contenedor-posts .post-secundario,
.mas-leidos .contenedor-posts .post-principal{
  text-decoration: none;
  color: black;
}
.mas-leidos .contenedor-posts .post-secundario .img{
  max-width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 2.1rem;
}
.mas-leidos .contenedor-posts .post-secundario .datos{
  margin: 0 1rem;
}
.mas-leidos .contenedor-posts .post-secundario .fecha{
  color: #616161;
  font-size: 0.85714rem;
  font-weight: 400;
  line-height: 2rem; /* 233.333% */
  margin-top: 0.5rem;
}
.mas-leidos .contenedor-posts .post-secundario .titulo{
  color: #000;
  font-size: 1.14286rem;
  font-weight: 500;
  line-height: 1.71429rem; /* 150% */
}
.mas-leidos .img{
  transition: all 0.3s ease; 
  background-position: center !important;
  background-size: auto 140% !important;
}
.mas-leidos .post-secundario .linea{
  height: 2px;
  width: 0%;
  background-color: black;
  transition: all 0.3s ease;
}
.mas-leidos .post-secundario:hover{
  .img{ background-size: auto 150% !important; }
  .linea{ width: 100%; }
}
.ver-mas{
  margin:2rem 0;
}
.boton-ver-mas{
  background-color: #eee;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 5px;
  cursor: pointer;
}
.boton-ver-mas:hover{
  background-color: #ddd;
}
/*====================== MOVIO =========================*/
@media only screen and (max-width: 992px) {
  .mas-leidos .contenedor-posts{
    grid-template-columns: 1fr !important;
  }
  .mas-leidos .post1,
  .mas-leidos .post2,
  .mas-leidos .post3,
  .mas-leidos .post4,
  .mas-leidos .post5{
    grid-area: unset !important;
  }
  .mas-leidos .contenedor-posts .post-secundario .img{
    aspect-ratio: 5 / 2;
  }
}