@media (max-width: 575.98px) {
  .page-servicios .block2 .wservices-element-1 {
      font-size: 28px;
  }
  .page-servicios .block3 .cloud {
      margin: 0px 5px 0px 5px;
  }
  .page-servicios .wrap-servicio{
      display: grid;
      grid-template-columns: 1fr;
      margin-bottom: 20px;
      gap: 3px;
  }
  .page-servicios .wrap-servicio:nth-child(3n+1) .arrow-servicio,
  .page-servicios .wrap-servicio:nth-child(3n+2) .arrow-servicio,
  .page-servicios .wrap-servicio:nth-child(3n+3) .arrow-servicio{
      margin-left: 0px;
      margin-bottom: 0px;
  }

  .arrow-servicio {
      gap: 0px;
      width: 100%;
      justify-content: center;
  }
  .arrow-servicio .wrap-circulo {
      margin: 0px 5px;
      display: none; /* Ocultamos el circulo en movil para ahorrar espacio */
  }
  .arrow-servicio .punta {
      width: 40px;
      height: 80px;
  }
  .arrow-servicio .reactangulo {
      width: calc(100% - 40px);
      height: 80px;
  }
  .arrow-servicio .reactangulo .imagen {
      width: 80px;
      height: 50px;
      position: relative;
      top: 40px;
      left: -5px;
      z-index: 3;
      transform: translateY(-50%);
  }
  .arrow-servicio .reactangulo .texto {
      font-size: 10px;
      position: relative;
      top: -15px;
      left: 80px;
      width: calc(100% - 85px);
      height: 30px;
      line-height: 1.2;
  }
  .list{
    min-height: auto;
    padding: 0 15px;
  }
  .list ul li:before {
    font-size: 14px;
    margin-right: -2px;
  }
  .list ul li a {
      width: 100%;
      font-size: 12px;
  }
  .flecha{
    min-height: auto;
    display: none; /* Ocultamos la flecha verde en moviles */
  }
}