.servicios-diagrama {
  display: block;
  margin: 6rem auto 0 auto;
  width: 95%;
  max-width: 65rem;
}

@media(max-width:767px) {
  .servicios-diagrama {
    margin: 4rem auto;
    max-width: 30rem;
  }
}


.tag-servicio {
  position: absolute;
  left: 30vw;
  top: 33rem;
  width: 100%;
  max-width: 55rem;
  padding: 2.3rem 2.4rem;
  background-image: linear-gradient(180deg, #00344B 0%, #004F72 1%, #002A3C 100%);
  box-shadow: 0 22px 11px -10px rgba(66,46,0,0.23);
  border-radius: 25px;
  transition: all 0.2s ease;
}


.tag-servicio p {
  margin: 0;
  font-size: 14px;
  color: #FFFFFF;
  text-shadow: 0 1px 1px rgba(0,0,0,0.25);
  line-height: 20px;
}

/* Vista responsiva */
@media(max-width:1023px) {
  .tag-servicio {
    left: 20vw;
  }
}

/* Vista responsiva */
@media(max-width:767px) {
  .tag-servicio {
    left: 1vw;
    top: 45rem;
  }

  .tag-servicio p {
    font-size: 12px;
    line-height: 18px;
  }
}

@media(max-width:460px) {
  .tag-servicio {
    position: absolute;
    left: 2vw;
    width: 90vw;
  }
}