{# ===================== post principal ========================= #}
.mas-recientes .contenedor-posts{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem; 
}
.mas-recientes .post-principal{
  border-radius: 2.1rem;
  background-position: center !important;
  text-decoration: none;
  padding: 7rem 2rem 2rem;
  background-size: 100% auto !important;
  transition: all 0.3s ease;
}
.mas-recientes .post-principal .titulo,
.mas-recientes .post-principal .fecha,
.mas-recientes .post-principal .tiempo-lectura{
  color: white;
}
.mas-recientes .post-principal .fecha,
.mas-recientes .post-principal .tiempo-lectura{
  padding-right: 2rem;
}
.mas-recientes .post-principal .titulo{
  font-family: var(--pop);
  font-size: 1.35714rem;
  font-weight: 500;
  line-height: 2rem; /* 147.368% */
  display: inline-block;
  text-align: left;   
}
.mas-recientes .post-principal .datos{
  display: flex;
}
.mas-recientes .post-principal .linea{
  background-color: white;
  height: 2px;
  margin: 1rem 0 1rem; 
  width:0;
  transition: all 0.3s ease;
}
.mas-recientes .post-principal:hover{
  background-size: 110% auto !important;
  .linea{
    width: 100%;
  }
}

/*================== MOV ============================*/
@media only screen and (max-width: 992px) {
  .mas-recientes .post-principal{
    padding: 4rem 2rem 2rem;
  }
}