.listado-posts-proyectos a {
  color: var(--gray1);
  position: relative;
  display: block;
  transition: color 0.2s;
}
.listado-posts-proyectos a:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--black);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.2s;
}
.listado-posts-proyectos a .post-cont {
  position: absolute;
  left: 0;
  bottom: 0;
}
.listado-posts-proyectos a .post-tit {
  text-transform: uppercase;
}
.listado-posts-proyectos a .post-cat {
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.42857143;
}
.listado-posts-proyectos a .post-location {
  margin-bottom: 0;
}
.listado-posts-proyectos a .post-lnk {
  display: inline-flex;
  align-items: center;
}
.listado-posts-proyectos a .post-lnk:before, .listado-posts-proyectos a .post-lnk:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.listado-posts-proyectos a .post-lnk:before {
  background-image: url("../../../../images/iconos/lnk-esp-before-corp.svg");
}
.listado-posts-proyectos a .post-lnk:after {
  background-image: url("../../../../images/iconos/lnk-esp-after-corp.svg");
}
.listado-posts-proyectos a .post-lnk span {
  background-image: url("../../../../images/iconos/arrow-right-thin-gray.svg");
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  transition: background-position 0.2s 0.2s, opacity 0.2s;
}
.listado-posts-proyectos a:focus .post-lnk:before, .listado-posts-proyectos a:focus .post-lnk:after {
  opacity: 1;
  transition: opacity 0.2s 0.2s;
}
.listado-posts-proyectos a:focus .post-lnk span {
  background-position: center;
  opacity: 0;
  transition: background-position 0.2s, opacity 0.2s 0.2s;
}
@media (min-width: 768px) {
  .listado-posts-proyectos {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .listado-posts-proyectos > div {
    padding: 0.75rem;
  }
  .listado-posts-proyectos > div a {
    height: 100%;
  }
  .listado-posts-proyectos > div a picture {
    height: 100%;
  }
  .listado-posts-proyectos > div a picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .listado-posts-proyectos > div .post-lnk {
    margin-top: 12.5rem;
  }
  .listado-posts-proyectos > div .post-lnk:before {
    width: 9rem;
    height: 9rem;
  }
  .listado-posts-proyectos > div .post-lnk:after {
    width: 10rem;
    height: 10rem;
    margin-left: 2rem;
  }
  .listado-posts-proyectos > div .post-lnk span {
    width: 21rem;
    height: 10rem;
    background-size: 13rem auto;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 1), .listado-posts-proyectos > div:nth-of-type(9n + 8) {
    grid-column: span 2/span 2;
    grid-row: span 2/span 2;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 1) a, .listado-posts-proyectos > div:nth-of-type(9n + 8) a {
    aspect-ratio: 1/1;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 1) .post-cont, .listado-posts-proyectos > div:nth-of-type(9n + 8) .post-cont {
    padding: 9rem 12rem;
    font-size: 4.5rem;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 1) .post-tit, .listado-posts-proyectos > div:nth-of-type(9n + 8) .post-tit {
    font-size: 15rem;
    letter-spacing: -0.25rem;
    line-height: 1;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 2), .listado-posts-proyectos > div:nth-of-type(9n + 3), .listado-posts-proyectos > div:nth-of-type(9n + 4), .listado-posts-proyectos > div:nth-of-type(9n + 5), .listado-posts-proyectos > div:nth-of-type(9n + 6), .listado-posts-proyectos > div:nth-of-type(9n + 9) {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 2) a, .listado-posts-proyectos > div:nth-of-type(9n + 3) a, .listado-posts-proyectos > div:nth-of-type(9n + 4) a, .listado-posts-proyectos > div:nth-of-type(9n + 5) a, .listado-posts-proyectos > div:nth-of-type(9n + 6) a, .listado-posts-proyectos > div:nth-of-type(9n + 9) a {
    aspect-ratio: 1/1;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 2) .post-cont, .listado-posts-proyectos > div:nth-of-type(9n + 3) .post-cont, .listado-posts-proyectos > div:nth-of-type(9n + 4) .post-cont, .listado-posts-proyectos > div:nth-of-type(9n + 5) .post-cont, .listado-posts-proyectos > div:nth-of-type(9n + 6) .post-cont, .listado-posts-proyectos > div:nth-of-type(9n + 9) .post-cont {
    padding: 9rem 7.5rem;
    font-size: 3.5rem;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 2) .post-tit, .listado-posts-proyectos > div:nth-of-type(9n + 3) .post-tit, .listado-posts-proyectos > div:nth-of-type(9n + 4) .post-tit, .listado-posts-proyectos > div:nth-of-type(9n + 5) .post-tit, .listado-posts-proyectos > div:nth-of-type(9n + 6) .post-tit, .listado-posts-proyectos > div:nth-of-type(9n + 9) .post-tit {
    font-size: 9rem;
    letter-spacing: -0.25rem;
    line-height: 1;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 7) {
    grid-column: span 1/span 1;
    grid-row: span 2/span 2;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 7) .post-cont {
    padding: 9rem 7.5rem;
    font-size: 3.5rem;
  }
  .listado-posts-proyectos > div:nth-of-type(9n + 7) .post-tit {
    font-size: 9rem;
    letter-spacing: -0.25rem;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .listado-posts-proyectos {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .listado-posts-proyectos > div {
    padding: 0.5rem;
  }
  .listado-posts-proyectos > div a {
    aspect-ratio: 1/1;
  }
  .listado-posts-proyectos .post-cont {
    padding: 3rem;
    font-size: 3.5rem;
  }
  .listado-posts-proyectos .post-tit {
    font-size: 9rem;
    line-height: 1.1;
  }
  .listado-posts-proyectos .post-lnk {
    margin-top: 5rem;
  }
  .listado-posts-proyectos .post-lnk:before {
    width: 4.5rem;
    height: 4.5rem;
  }
  .listado-posts-proyectos .post-lnk:after {
    width: 5rem;
    height: 5rem;
    margin-left: 1rem;
  }
  .listado-posts-proyectos .post-lnk span {
    width: 10.5rem;
    height: 5rem;
    background-size: 6.5rem auto;
  }
}

.desktop .listado-posts-proyectos a:before,
.desktop .listado-posts-proyectos a .post-cont {
  transition: opacity 0.4s;
}
.desktop .listado-posts-proyectos a:hover:before,
.desktop .listado-posts-proyectos a:hover .post-cont {
  opacity: 0;
}/*# sourceMappingURL=listado-posts-proyectos.css.map */