.bloque-que-hacemos {
  position: relative;
  padding-top: 77px;
  padding-bottom: 112px;
}
.bloque-que-hacemos.con-borde {
  border-right: 1px solid;
  border-left: 1px solid;
}
.bloque-que-hacemos.con-borde::before {
  content: "";
  position: absolute;
  left: calc((100vw - calc(100%)) / (-2) - 8px);
  right: calc((100vw - calc(100%)) / (-2) - 8px);
  top: 0;
  background-color: var(--verde);
  z-index: 1;
  height: 1px;
  width: 100vw;
}
.bloque-que-hacemos.con-borde::after {
  content: "";
  position: absolute;
  left: calc((100vw - calc(100%)) / (-2) - 8px);
  right: calc((100vw - calc(100%)) / (-2) - 8px);
  bottom: 112px;
  background-color: var(--verde);
  z-index: 1;
  height: 1px;
  width: 100vw;
}
.cabecera-que-hacemos {
  margin-bottom: 82px;
}
.cabecera-que-hacemos .titulo {
  font-family: "DM", sans-serif;
  font-size: 39px;
  line-height: normal;
  text-align: center;
}
.cabecera-que-hacemos .titulo > span {
  padding: 14px 49px;
  border: 1px solid var(--verde);
  border-radius: 47px;
}
.cabecera-que-hacemos .titulo > span:nth-child(2) {
  background-color: var(--verde);
  color: var(--amarillo);
  transform: rotate(-11deg);
  display: inline-block;
  position: relative;
  left: -39px;
}
.cuerpo-que-hacemos {
  margin-bottom: 70px;
}
.grid-hacemos {
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 1fr));
  grid-gap: 38px;
}
.titulo-hacemos {
  font-family: "DM", sans-serif;
  font-size: 26px;
  color: var(--verde);
  margin-bottom: 8px;
}
.texto-hacemos {
  margin-bottom: 8px;
}
.texto-hacemos p {
  font-family: "DM", serif;
  font-size: 24px;
  font-weight: 400;
  margin-top: 8px;
}
ul.listado-hacemos {
  margin-top: 8px;
  list-style-image: url("./flecha_listado.svg");
  padding-inline-start: 20px;
}
ul.listado-hacemos li {
  margin-bottom: 18px;
  font-size: 16px;
}
/* Móvil */
@media only screen and (max-width: 920px) {
  .grid-hacemos {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
  .cabecera-que-hacemos .titulo {
    font-size: 26px;
    position: relative;
    left: 30px;
  }
  .cabecera-que-hacemos .titulo > span {
    padding: 10px 30px;
  }
  .cabecera-que-hacemos .titulo > span:nth-child(2) {
    left: -30px;
  }
  .titulo-hacemos {
    position: relative;
    font-size: 24px;
    line-height: 30px;
  }
  .texto-hacemos p {
    font-size: 20px;
    line-height: 26px;
  }
  .bloque-que-hacemos.con-borde {
    border-right: 0;
    border-left: 0;
  }
  .bloque-que-hacemos.con-borde::before,
  .bloque-que-hacemos.con-borde::after {
    display: none;
  }
  .item-hacemos > summary {
    position: relative;
    display: block;
  }
  .item-hacemos > summary:focus {
    outline: none;
  }
  .item-hacemos > summary::marker {
    display: none;
    opacity: 0;
  }
  .item-hacemos > summary::-webkit-details-marker {
    display: none;
  }
  .item-hacemos .icono-item-hacemos {
    position: absolute;
    top: 6px;
    right: 0;
    width: 18px;
    height: 18px;
  }
  .item-hacemos .icono-item-hacemos::after {
    position: absolute;
    top: 0;
    content: "+";
    font-size: 24px;
    line-height: 18px;
    color: var(--rojo);
  }
  .item-hacemos[open] .icono-item-hacemos::after {
    content: "-";
  }
}