.bloque-proyectos {
  display: flex;
  width: 100%;
  height: 47.3125rem;
  align-items: center;
  flex-shrink: 0;
  background: var(--Neutral-333333, #333);
  position: relative;
}

.bloque-proyectos a, .bloque-proyectos a:visited, .bloque-proyectos a:hover, .bloque-proyectos a:active {
  text-decoration: none;
  color: inherit;
}

.bloque-proyectos .bloque-proyectos-text {
  display: flex;
  padding: 3.75rem 4.625rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  align-self: stretch;
  width: calc(50% - 9.25rem);
}

.bloque-proyectos .bloque-proyectos-titulo {
  color: var(--Neutral-White, #FFF);
  font-family: "Harriet Text Light 2v1";
  font-size: 3.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 96%; /* 3.12rem */
  letter-spacing: -0.065rem;
  flex: 1 0 0;
}

.bloque-proyectos .bloque-proyectos-descripcion {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
}

.bloque-proyectos .bloque-proyectos-descripcion-corta {
  color: var(--Neutral-White, #FFF);
  font-family: "Residenz Grotesk SemiBold";
  font-size: 1.5rem;
  line-height: 108%; /* 1.62rem */
  width: 60%;
  padding-bottom: 1.88rem;
}

.bloque-proyectos .bloque-proyectos-descripcion-larga {
  color: var(--Neutral-White, #FFF);
  font-size: 1.5rem;
  line-height: 108%; /* 1.62rem */
  letter-spacing: 0.015rem;
  padding-bottom: 3.75rem;
}

.bloque-proyectos .bloque-proyectos-botones {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bloque-proyectos .bloque-proyectos-boton {
  display: flex;
  padding: 0.625rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 18.75rem;
  color: var(--Neutral-1A1A1A, #1A1A1A);
  text-align: center;
  font-family: "Residenz Grotesk SemiBold";
  font-size: 0.875rem;
  line-height: 112%; /* 0.98rem */
  letter-spacing: 0.00875rem;
}

.bloque-proyectos .bloque-proyectos-proyectos-destacados {
  display: flex;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
  align-self: stretch;
  width: calc(50% - 1.5rem);
}

.bloque-proyectos .bloque-proyectos-proyecto-destacado:hover .bloque-proyectos-datos-proyecto {
  transform: translateY(-0.75rem);
  transition: all 0.5s ease-in-out 0s;
}

.bloque-proyectos .bloque-proyectos-proyecto-destacado {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0.75rem;
  background-size: cover !important;
}

.bloque-proyectos .bloque-proyectos-datos-proyecto {
  display: flex;
  height: 13.75rem;
  padding: 1rem 0.75rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0.75rem;
  background: var(--Neutral-White, #FFF);
  transition: all 0.5s ease-in-out 0s;
}

.bloque-proyectos .bloque-proyectos-datos-proyecto-titulo {
  color: #1A1A1A;
  font-family: "Harriet Text Light 2v1";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  line-height: 99%; /* 1.485rem */
  letter-spacing: -0.0225rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bloque-proyectos .bloque-proyectos-proyecto-creditos-destacados {
  display: flex;
  align-items: flex-start;
  gap: 2.625rem;
}

.bloque-proyectos .bloque-proyectos-credito-destacado {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.bloque-proyectos .bloque-proyectos-credito-destacado-title {
  color: #1A1A1A;
  font-size: 0.625rem;
  line-height: 112%; /* 0.7rem */
  letter-spacing: 0.0125rem;
}

.bloque-proyectos .bloque-proyectos-credito-destacado-content {
  color: #1A1A1A;
  font-size: 1.125rem;
  line-height: 108%; /* 1.215rem */
  letter-spacing: 0.0225rem;
}

.bloque-proyectos .bloque-proyectos-credito-destacado-content p {
  margin: 0;
}

.bloque-proyectos .bloque-proyectos-sello {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,0);
  width: 16.4375rem;
}

@media screen and (max-width: 959px) {
  .bloque-proyectos {
    flex-wrap: wrap;
    height: unset;
  }

  .bloque-proyectos .bloque-proyectos-sello {
    width: 6.125rem;
    height: 6.125rem;
    left: 3.075rem;
    top: 1.5rem;
  }

  .bloque-proyectos .bloque-proyectos-text, .bloque-proyectos .bloque-proyectos-proyectos-destacados {
    padding: 1.5rem 0.75rem;
    width: calc(100% - 1.5rem);
  }

  .bloque-proyectos .bloque-proyectos-proyectos-destacados {
    gap: 0.5rem;
    padding: 1.5rem 0.75rem 0.75rem 0.75rem;
  }

  .bloque-proyectos .bloque-proyectos-titulo {
    font-size: 2.125rem;
    padding-top: 7.625rem;
    padding-bottom: 5.625rem;
  }

  .bloque-proyectos .bloque-proyectos-descripcion-corta {
    font-size: 1.125rem;
    padding-bottom: 1.24rem;
    width: 80%;
  }

  .bloque-proyectos .bloque-proyectos-descripcion-larga {
    font-size: 0.875rem;
    padding-bottom: 2.47rem;
  }

  .bloque-proyectos .bloque-proyectos-boton {
    padding: 0.5rem 1.125rem;
    font-size: 0.625rem;
  }

  .bloque-proyectos .bloque-proyectos-proyecto-destacado {
    padding: 0.5rem;
    width: calc(50% - 2rem);
  }

  .bloque-proyectos .bloque-proyectos-datos-proyecto {
    padding: 0.5rem;
  }

  .bloque-proyectos .bloque-proyectos-datos-proyecto-titulo {
    font-size: 0.875rem;
  }

  .bloque-proyectos .bloque-proyectos-credito-destacado-content {
    font-size: 0.74125rem;
  }

  .bloque-proyectos .bloque-proyectos-proyecto-destacado {
    height: 15.75rem;
  }

  .bloque-proyectos .bloque-proyectos-datos-proyecto {
    height: 5.75rem;
  }

  .bloque-proyectos .bloque-proyectos-credito-destacado-title {
    font-size: 0.475rem;
  }

  .bloque-proyectos .bloque-proyectos-credito-destacado-content {
    font-size: 0.625rem;
  }

  .bloque-proyectos .bloque-proyectos-proyecto-creditos-destacados {
    gap: 1.125rem;
  }
}
