/* VB SERVICIOS PARALLAX DERECHA V10.2
   Mantiene la animación a la derecha y centra el núcleo azul
   respecto al conjunto completo de tarjetas.
*/

@media (min-width: 981px) {
  #servicios-parallax .vb-services-copy {
    left: max(4.5vw, calc((100vw - 1320px) / 2)) !important;
    width: min(390px, 29vw) !important;
    max-width: 390px !important;
    z-index: 40 !important;
  }

  #servicios-parallax .vb-services-copy h2 {
    max-width: 390px !important;
    font-size: clamp(54px, 5.35vw, 88px) !important;
    line-height: .91 !important;
  }

  #servicios-parallax .vb-services-copy p {
    max-width: 360px !important;
  }

  /* Núcleo alineado con el centro visual del conjunto de tarjetas. */
  #servicios-parallax .vb-services-core {
    left: 65.5% !important;
    width: min(27vw, 370px) !important;
  }

  #servicios-parallax .vb-services-world {
    transform: translateX(11vw) !important;
  }

  #servicios-parallax .vb-services-bottom {
    left: max(4.5vw, calc((100vw - 1320px) / 2)) !important;
  }
}

@media (min-width: 1200px) {
  #servicios-parallax .vb-services-world {
    transform: translateX(13vw) !important;
  }

  #servicios-parallax .vb-services-core {
    left: 65.75% !important;
  }
}

@media (min-width: 1500px) {
  #servicios-parallax .vb-services-world {
    transform: translateX(14vw) !important;
  }

  #servicios-parallax .vb-services-core {
    left: 66% !important;
  }
}

@media (max-width: 980px) {
  #servicios-parallax .vb-services-world,
  #servicios-parallax .vb-services-core {
    transform: none !important;
  }
}