/*[][][]HOJA DE ESTILOS PARA JDREST[][][]*/
.fondo-carrusel{
    background-image: URL("../images/notebook1.jpg");
}
/*#####ESTILOS GLOBALES######*/
/*+++FUENTE+++*/
body {
    font-family: "Roboto", sans-serif;
    padding: 0 0 0 0;
  }
  h1 {
      font-weight: bold;
  }
  h2 {
      font-weight: bolder;
  }
  h3 {
      font-weight: bolder, lighter;
  }

  /*ESTILO GLOBAL SEPARACIÓN SECCIONES */
  article{
    margin-bottom: 100px;
  }

  /*ESTILO GLOBAL BOTÓN FLOTANTE WHATSAPP*/
  .btn-flotante-whatsapp {
      position: fixed;
      bottom: 40px;
      right: 40px;
      transition: all 300ms ease 0ms;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      z-index: 99;
  }
  .btn-flotante-whatsapp:hover {
      box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
      transform: translateY(-7px);
  }
  /******** ESTILOS PRIMER SLIDER BENEFICIOS GENERAL ********/
.owl-theme .owl-controls{
    margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
    background: #bdc2c2;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #28badbff;
}
.owl-theme .owl-controls .owl-page.active span{
    width: 22px;
    height: 12px;
}

.imagen-bene{
    width: 100%;
    height: auto;
}
.slider-cover{
    width: 100%;
    height: 50vw;
    object-fit: cover;
}
/******** FIN ESTILOS PRIMER SLIDER BENEFICIOS GENERAL ********/
  /*++++ESTILO GLOBAL BENEFICIOS++++*/

  /***MODIFICACIÓN BENEFICIOS****/

  /**** CARD BENEFICIOS ****/
 /*FORMULARIO BENEFICIOS*/

#fondo-beneficio.container-fluid {
  background-color: white;
}
#form-contacto.card {
  background-image: url("../images/landscape-2-1250x600-0.webp");
  background-size: cover;
}

  /**** CARD BENEFICIOS ****/
  .cardbene {
    background-color: white;
    box-shadow: 5px 5px 5px lightgray, -5px 0px 5px lightgray ;
    border-radius: 4px;
    height: auto;
    width: auto;
}
  /*DIAPOSITIVA BENEFICIOS*/
  .diapositiva-beneficios {
    background-color: white;
    border: 5px 5px 5px lightgray, -5px 0px 5px lightgray;
    background-color: #ebebeb;
    border-radius: 4px;
    height: auto;
    width: auto;

}
  /**** /CARD BENEFICIOS ****/
  .card21 {
      background-color: #4c7eb6;
      height: auto;
      width: auto;
      border-radius: 10px;
      padding: 15px;
  }

  /*++++FIN ESTILO GLOBAL BENEFICIOS++++*/

  /* IMAGEN JD REST  */
  .jd-rest-img-color1{
    height: 20%;
    background-color: #28badb;
  }
  .jd-rest-img-color2{
    background-color: #4788bc;
    height: 26vw;
  }
  .img-punto-de-venta{
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
    margin-top: -15%;
  }
  .punto-de-venta{
      margin-top: 17%;
  }
  /* FIN IMAGEN JD REST  */
  
  /*+++ESTILO GLOBAL CAROUSEL TUTORIALES+++*/

  /*INDICADORES DE CAROUSEL TUTORIALES*/
  .carousel-tutorial .carousel-inner,
  .carousel-beneficios .carousel-inner {
      margin-bottom: 50px;
  }
  .indicador-carousel-tutoriales .active,
  .indicador-beneficios .active {
      background-color: black;
  }
  .indicador-carousel-tutoriales li,
  .indicador-beneficios li {
      background-color: gray;
  }
  /*FIN INDICADORES DE CAROUSEL TUTORIALES*/





      /*°°°ESTILOS GLOBALES TESTIMONIOS°°°*/
      /*+++QUITAR BORDES A LOS LATERALES*/
      .container-fluid.seccion-slider-casos {
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
      }

      /*+++FONDO CAROUSEL*/
      .seccion-carousel-casos {
        padding-top: 20px;
      }

      /*+++DIAPOSITIVA TESTIMONIO*/
      .diapositiva-testimonio {
        border: 1px #4c7eb6ff solid;
        border-radius: 10px;
        padding: 20px 20px 20px 20px;
        height: 240px;
      }

      /*+++INDICADORES+++*/
      /*INDICADORES DE CAROUSEL TUTORIALES*/
      .carousel-casos .carousel-inner {
        margin-bottom: 60px;
      }

      .indicador-casos .active {
        background-color: #4c7eb6ff;
      }

      .indicador-casos li {
        background-color: white;
        border: 1px #4c7eb6ff solid;
      }

      /*°°°FIN ESTILOS GLOBALES TESTIMONIOS°°°*/



  /*+++ESTILO GLOBAL CAROUSEL TUTORIALES+++*/
  /* ESTILOS LICENCIAS */
  .TITULO-PRODUCTO{
      height: 26px;
  }
  .precio-licencia
  {
      font-size: x-large;
  }
  .PRECIO-PRODUCTO{
      font-size: large;
  }
  /*INDICADORES DE CAROUSEL TUTORIALES*/
  .carousel-licencias3 .carousel-inner,
  .carousel-completa .carousel-inner {
      margin-bottom: 40px;
  }
  .indicador-tutoriales .active,
  .indicador-licencias .active,
  .indicador-completa .active {
      background-color: black;
  }
  .indicador-tutoriales li,
  .indicador-licencias li,
  .indicador-completa li {
      background-color: gray;
  }
  /*FIN INDICADORES DE CAROUSEL TUTORIALES*/

  /*+++FIN ESTILO GLOBAL CAROUSEL TUTORIALES+++*/

  /* SECCIONES COMPLETA TU KIT */
  .completaKIT{
      /* max-width:  100% ; */
      min-height: 100%;
    }



    /* .btn-comprar-producto{
      width: 100%;
      padding: 0.3rem 0.8rem;
  } */
    .btn-comprar-producto-arriba2{
      margin-left: -4%;
      width: 90%;
    }
    .btn-comprar-producto-movil{
      width: 80%;
      margin-left: 0%;
      padding: 0.5rem 0.8rem;
    }
    .btn-cotizacion-licencias{
          background-color: #4c7eb6;
          color: white;
          font-weight: 700;
    }
  /* SECCIONES COMPLETA TU KIT */


  /*#####FIN ESTILOS GLOBALES######*/

  /*#####ESTILOS MEDIA PARA PANTALLAS PEQUEÑAS (CELULARES)#####*/
  @media (max-width: 767.98px) {
      /*°°°HEADER°°°*/
      /******** ESTILOS PRIMER SLIDER MOVIL ********/
    .slider-cover{
        width: 100%;
        height: 70vw;
        object-fit: cover;
        }
        /******** FIN ESTILOS PRIMER SLIDER MOVIL ********/
        /******** ESTILOS CARRUSEL BENEFICIOS MOVIL ********/
        .imagen-bene{
            width: 100%;
            height: auto;
        }
        /******** ESTILOS CARRUSEL BENEFICIOS MOVIL ********/

      /*+++QUITAR BORDES A LOS LATERALES*/
      .container-fluid.slider {
          justify-content: center;
          padding-right: 0;
          padding-left: 0;
      }
      /*+++ESTILO PARA DISEÑO DE DIAPOSITIVAS+++*/
      /*DISEÑO DE IMAGEN */
      .imagen-diapositiva {
          width: 978px;
          height: 550px; /*TAMAÑO QUE TENDRÁ DE ALTO LA IMAGEN PARA QUE SE VEAN EN PANTALLA COMPLETA*/
          margin-bottom: -80px;
      }
      /*--ESTILOS PARA TITULO--*/
      /*DISEÑO DE FONDO BLANCO*/
      .titular-diapositiva {
          background-color: rgba(255, 255, 255, 0.7);
          margin: 0 auto;
          width: 98%;
          padding-top: 5px;
          padding-bottom: 5px;
      }
      /*ESTILO PARA EL TÍTULO*/
      .titulo-diapositiva {
          color: black;
          font-weight: bold;
          font-size: 18px;
          text-align: center;
      }
      /*ESTILO PARA LA DESCRIPCIÓN*/
      .descripcion-diapositiva {
          color: black;
          font-weight: normal;
          font-size: 13px;
          text-align: center;
      }

      /*ESTILO PARA IMAGEN PUNTO DE VENTA IZQUIERDA*/
      .head-pdv-izq {
          width: 325px;
          margin: 0;
          position: absolute;
          top: 53%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA IMAGEN PUNTO DE VENTA DERECHA*/
      .head-pdv-der {
          width: 325px;
          margin: 0;
          position: absolute;
          top: 57%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN WHATSAPP A LA IZQUIERDA*/
      .button-diapositiva-izq .button-asesor,
      .button-diapositiva-der .button-asesor {
          margin: 0;
          position: absolute;
          top: 80%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN COMPRAR A LA IZQUIERDA*/
      .button-diapositiva-izq .button-comprar,
      .button-diapositiva-der .button-comprar {
          margin: 0;
          position: absolute;
          top: 88%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }

      /*ESTILO DE DISEÑO BOTÓN WHATSAPP*/
      .button-asesor {
          background-color: #4caf50;
          border-radius: 10px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: white;
          font-size: 13px;
      }
      /*ESTILO DE EFECTO BOTÓN WHATSAPP*/
      .button-asesor:hover {
          background-color: #fff;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 13px;
      }
      /*ESTILO DE DISEÑO BOTÓN COMPRAR*/
      .button-comprar {
          background-color: #ffffff;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 13px;
      }
      /*ESTILO DE EFECTO BOTÓN COMPRAR*/
      .button-comprar:hover {
          background-color: #4c7fb6;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: #fff;
          font-size: 13px;
      }
      /*ESTILO DE ICONO WHATSAPP*/
      .icon-whatsapp {
          font-size: 20px;
          margin-left: 10px;
      }
      /*ESTILO DE ICONO CARRO DE COMPRA*/
      .icon-cart {
          font-size: 15px;
          margin-left: 10px;
      }
      /*+++FIN ESTILO PARA DISEÑO DE DIAPOSITIVAS+++*/

      /*++++ESTILOS PARA FORMATO DE CAROUSEL++++*/
      /*FORMATO DE FLECHAS*/
      .flecha-ant.carousel-control-prev-icon {
          display: none;
      }
      .flecha-sig.carousel-control-next-icon {
          display: none;
      }
      /*FIN FORMATO DE FLECHAS*/
      /*++++FIN ESTILOS PARA FORMATO DE CAROUSEL++++*/

    /*°°°FIN HEADER°°°*/

    /*°°°BENEFICIOS(FORM Y SLIDER)°°°*/
    /**titulo***/
    .titulo-beneficios-escritorio{
        display: none;
    }
    .margent{
        margin-top: -60px;
    }

      /*TAMAÑO DE DIAPOSITIVA*/
      .diapositiva-beneficios {
        height: 450px;
        width: auto;
    }
      /*ESTILO TÍTULO FORM BENEFICIOS*/
      .titulo-form-beneficios {
          color: white;
          font-size: 18px;
          text-align: center;
      }
     /*IMÁGENES BENEFICIOS*/
     .imagen-beneficios {
        /*margin: 10px 10px;
        position: relative;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 250px;*/
          margin: 10px 10px;
          position: relative;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          height: 250px;

    }
    .margen-ben{
      margin-top: 2px;
  }
      /*ESTILO DE INFORMACIÓN CAROUSEL BENEFICIOS*/
      .info-carousel-beneficios {
          text-align: center;
      }
      /*ESTILO DE TÍTULOS CAROUSEL BENEFICIOS*/
      .titulo-carousel-beneficios {
          margin: 10px;
          font-size: 20px;
      }
      /*ESTILO DE TEXTO CAROUSEL BENEFICIOS*/
      .texto-carousel-beneficios {
          font-size: 14px;
      }
      /*°°°FIN BENEFICIOS°°°*/

          /*°°° KIT PUNTO DE VENTA °°°*/
          .carta-movil{
              display: block;
              width: 300px;
              height: 100%;
              margin-left: auto!important;
          }
          .btn-contacto-punto-de-venta{
              padding: 10px;
          }
          .card-btn-contacto-punto-de-venta{
              text-align: end;
          }

          /* .img-punto-de-venta{
            margin-top: -5%;
          } */
          /*°°°FIN KIT PUNTO DE VENTA°°°*/
      /*°°°LICENCIAS°°°*/
      /* CAROUSEL */
      .separacion-movil
        {
            display: block;
        }
        .icono-mas-detalles-licencias,
        .icono-comprar-licencias{
            padding: 0.0rem 1.0rem;
        }
        .btn-mas-detalles-licencias,
        .btn-comprar-licencias {
            padding: 0.7rem 1.9rem;
            margin-right: 10%;
            font-size: larger;
        }
      .carousel-licencias3 .carousel-inner .carousel-item > div {
          display: none;
      }
      .carousel-licencias3 .carousel-inner .carousel-item > div:first-child {
          display: block;
      }
      /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
      .carousel-licencias3 .carousel-inner .carousel-item.active,
      .carousel-licencias3 .carousel-inner .carousel-item-next,
      .carousel-licencias3 .carousel-inner .carousel-item-prev {
          display: flex;
      }
      /* FIN CAROUSEL */
      /*°°°FIN LICENCIAS°°°*/

    /*°°°TUTORIALES°°°*/

      /*BOTÓN VER TODOS*/
      .button-tutoriales {
          width: 140px;
          background-color: #4c7eb6;
          border: 5px #4c7eb6 solid;
          border-radius: 10px;
          padding: 4px 8px;
          text-align: center;
          display: inline-flex;
          color: white;
          font-size: 15px;
          margin-bottom: 10px;
      }
      .button-tutoriales:hover {
          width: 140px;
          background-color: #fff;
          border: 5px #4c7eb6 solid;
          border-radius: 10px;
          padding: 4px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 15px;
          margin-bottom: 10px;
      }
      /*FIN BOTÓN VER TODOS*/
      /*ESTILO TÍTULO TUTORIALES*/
      .titulo-tutorial {
          color: white;
          background-color: #4c7eb6;
          font-size: 17px;
          border-radius: 5px;
      }
      /*ESTILO VIDEO TUTORIALES*/
      .video-tutorial {
          border: 2px #28badb solid;
          border-radius: 5px;
      }
      /*FIN ESTILO VIDEO TUTORIALES*/

      /*CAROUSEL TUTORIALES*/
      .carousel-tutorial .carousel-inner .carousel-item > div {
          display: none;
      }
      .carousel-tutorial .carousel-inner .carousel-item > div:first-child {
          display: block;
      }
      /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
      .carousel-tutorial .carousel-inner .carousel-item.active,
      .carousel-tutorial .carousel-inner .carousel-item-next,
      .carousel-tutorial .carousel-inner .carousel-item-prev {
          display: flex;
      }
      /*FIN CAROUSEL TUTORIALES*/

    /*°°°FIN TUTORIALES°°°*/

      /*°°°IMAGEN°°°*/
      /*NERI*/
      /*°°°FIN IMAGEN°°°*/

      /*°°°KIT PUNTO DE VENTA°°°*/

      .carta-movil{
          display: block;
          width: 300px;
          height: 100%;
      }
      .carta-escritorio,
      .productos-escritorio{
          display: none;
      }
      /*CAROUSEL completa*/
      .carousel-completa .carousel-inner .carousel-item > div {
          display: none;
      }
      .carousel-completa .carousel-inner .carousel-item > div:first-child {
          display: block;
      }
      /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
      .carousel-completa .carousel-inner .carousel-item.active,
      .carousel-completa .carousel-inner .carousel-item-next,
      .carousel-completa .carousel-inner .carousel-item-prev {
          display: flex;
      }
      /*FIN CAROUSEL completa*/
      /*°°°FIN KIT PUNTO DE VENTA°°°*/

      /*°°°CASOS DE ÉXITO°°°*/

        /*+++ESTILOS SLIDER CASOS DE ÉXITO+++*/

        /*ESTILO IMAGEN DE FONDO Y FILTRO*/
        .img-slider-casos {
          background-image: linear-gradient(rgba(76, 126, 182, 0.5),
              rgba(76, 126, 182, 0.5)),
            url(../images/casos-de-exito-slider.png);
          height: 200px;
          background-size: 768px 200px;
          background-repeat: no-repeat;
          background-position: center;
          display: flex;
          align-items: center; 
        }

        /*ESTILO TITULO SLIDER*/


        /*ESTILO TEXTO SLIDER*/
        .texto-slider-casos {
          font-size:18px;
          color: white;
          text-align: center;
          padding-top: 1vw;
        }

        /*+++FIN ESTILOS SLIDER CASOS DE ÉXITO+++*/

        /*++++ESTILOS CAROUSEL CASOS DE ÉXITO+++*/
        /*CAROUSEL TUTORIALES*/
        .carousel-casos .carousel-inner .carousel-item>div {
          display: none;
        }

        .carousel-casos .carousel-inner .carousel-item>div:first-child {
          display: block;
        }

        /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
        .carousel-casos .carousel-inner .carousel-item.active,
        .carousel-casos .carousel-inner .carousel-item-next,
        .carousel-casos .carousel-inner .carousel-item-prev {
          display: flex;
        }

        /*++++FIN ESTILOS CAROUSEL CASOS DE ÉXITO+++*/

        /*+++ESTILOS TESTIMONIOS+++*/
        .diapositiva-testimonio {
          height: 200px;
        }

        /*ESTILO NOMBRE DEL TESTIMONIO*/
        .nombre-testimonio {
          font-size: 20px;
          font-weight: bolder;
          color: #28badb;
          margin: 0;
          padding-top: 1vw;
        }

        /*ESTILO DEL TESTIMONIO*/
        .texto-testimonio {
          font-size: 15px;
          text-align: center;
          color: black;
          padding-top: 2vw;
        }

        /*+++FIN ESTILOS TESTIMONIOS+++*/

      /*°°°FIN CASOS DE ÉXITO°°°*/


  }
  /*#####FIN ESTILOS MEDIA PARA PANTALLAS PEQUEÑAS (CELULARES)#####*/

  /*#####ESTILOS MEDIA PARA PANTALLAS MEDIANAS (TABLETS || IPADS)#####*/
  @media (min-width: 768px) and (max-width:991.98px) {
      /*°°°HEADER°°°*/

      /*+++QUITAR BORDES A LOS LATERALES*/
      .container-fluid.slider {
          padding-right: 0;
          padding-left: 0;
      }
      /*+++ESTILO PARA DISEÑO DE DIAPOSITIVAS+++*/
      /*DISEÑO DE IMAGEN */
      .imagen-diapositiva {
          width: auto;
          height: 550px; /*TAMAÑO QUE TENDRÁ DE ALTO LA IMAGEN PARA QUE SE VEAN EN PANTALLA COMPLETA*/
          margin-bottom: -140px;
      }
      /*--ESTILOS PARA TITULO--*/
      /*DISEÑO DE FONDO BLANCO*/
      .titular-diapositiva {
          background-color: rgba(255, 255, 255, 0.7);
          margin: 0 auto;
          width: 70%;
          padding-top: 10px;
          padding-bottom: 10px;
      }
      /*ESTILO PARA EL TÍTULO*/
      .titulo-diapositiva {
          color: black;
          font-weight: bold;
          font-size: 25px;
          text-align: center;
      }
      /*ESTILO PARA LA DESCRIPCIÓN*/
      .descripcion-diapositiva {
          color: black;
          font-weight: normal;
          font-size: 15px;
          text-align: center;
      }

      /*ESTILO PARA IMAGEN PUNTO DE VENTA IZQUIERDA*/
      .head-pdv-izq {
          width: 44%;
          margin: 0;
          position: absolute;
          top: 68%;
          left: 33%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA IMAGEN PUNTO DE VENTA DERECHA*/
      .head-pdv-der {
          width: 45%;
          margin: 0;
          position: absolute;
          top: 70%;
          left: 65%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN WHATSAPP A LA IZQUIERDA*/
      .button-diapositiva-izq .button-asesor {
          margin: 0;
          position: absolute;
          top: 60%;
          left: 28%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN WHATSAPP A LA DERECHA*/
      .button-diapositiva-der .button-asesor {
          margin: 0;
          position: absolute;
          top: 60%;
          left: 69%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN COMPRAR A LA IZQUIERDA*/
      .button-diapositiva-izq .button-comprar {
          margin: 0;
          position: absolute;
          top: 70%;
          left: 28%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN COMPRAR A LA DERECHA*/
      .button-diapositiva-der .button-comprar {
          margin: 0;
          position: absolute;
          top: 70%;
          left: 69%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }

      /*ESTILO DE DISEÑO BOTÓN WHATSAPP*/
      .button-asesor {
          background-color: #4caf50;
          border-radius: 10px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: white;
          font-size: 17px;
      }
      /*ESTILO DE EFECTO BOTÓN WHATSAPP*/
      .button-asesor:hover {
          background-color: #fff;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 17px;
      }
      /*ESTILO DE DISEÑO BOTÓN COMPRAR*/
      .button-comprar {
          background-color: #ffffff;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 17px;
      }
      /*ESTILO DE EFECTO BOTÓN COMPRAR*/
      .button-comprar:hover {
          background-color: #4c7fb6;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: #fff;
          font-size: 17px;
      }
      /*ESTILO DE ICONO WHATSAPP*/
      .icon-whatsapp {
          font-size: 25px;
          margin-left: 10px;
      }
      /*ESTILO DE ICONO CARRO DE COMPRA*/
      .icon-cart {
          font-size: 20px;
          margin-left: 10px;
      }
      /*+++FIN ESTILO PARA DISEÑO DE DIAPOSITIVAS+++*/

      /*++++ESTILOS PARA FORMATO DE CAROUSEL++++*/
      /*FORMATO DE FLECHAS*/
      .flecha-ant.carousel-control-prev-icon {
          background-color: rgba(0, 0, 0, 0.5);
          width: 50px;
          height: 50px;
          border-radius: 50%;
          top: 45%;
          left: 15%;
          position: absolute;
      }
      .flecha-sig.carousel-control-next-icon {
          background-color: rgba(0, 0, 0, 0.5);
          width: 50px;
          height: 50px;
          border-radius: 50%;
          top: 45%;
          right: 15%;
          position: absolute;
      }
      /*FIN FORMATO DE FLECHAS*/
      /*++++FIN ESTILOS PARA FORMATO DE CAROUSEL++++*/

    /*°°°FIN HEADER°°°*/

      /*°°°BENEFICIOS(FORM Y SLIDER)°°°*/
      /**titulo***/
      .titulo-beneficios-escritorio{
        display: none;
    }
    .margent{
        margin-top: -60px;
    }


      /*ESTILO TÍTULO FORM BENEFICIOS*/
      .titulo-form-beneficios {
          font-size: 30px;
          color: white;
          text-align: center;
      }
      /*IMÁGENES BENEFICIOS*/
      .imagen-beneficios {
        height: 350px;
    }
    .margen-ben{
      margin-top: 50px;
  }
      /*ESTILO DE INFORMACIÓN CAROUSEL BENEFICIOS*/
      .info-carousel-beneficios {
          text-align: center;
      }
      /*ESTILO DE TÍTULOS CAROUSEL BENEFICIOS*/
      .titulo-carousel-beneficios {
          margin: 10px;
          font-size: 30px;
      }
      /*ESTILO DE TEXTO CAROUSEL BENEFICIOS*/
      .texto-carousel-beneficios {
          font-size: 23px;
      }

      /*°°°FIN BENEFICIOS°°°*/


  /*  KIT PUNTO DE VENTA */

  .btn-contacto-punto-de-venta{
      padding: 15px;
  }
  .card-btn-contacto-punto-de-venta{
      text-align: end;
      margin-bottom: -8%;
  }

          /*°°°FIN KIT PUNTO DE VENTA°°°*/


      /*°°°LICENCIAS°°°*/
      .separacion-movil
        {
            display: none;
        }
        .icono-mas-detalles-licencias,
        .icono-comprar-licencias{

            padding: 0.0rem 0.3rem;
        }
        .btn-mas-detalles-licencias,
        .btn-comprar-licencias {
            padding: 0.6rem 0.8rem;
        }
                  /*CAROUSEL LICENCIAS*/
                  .carousel-licencias3 .carousel-inner .carousel-item-right.active,
                  .carousel-licencias3 .carousel-inner .carousel-item-next {
                      transform: translateX(50%);
                  }

                  .carousel-licencias3 .carousel-inner .carousel-item-left.active,
                  .carousel-licencias3 .carousel-inner .carousel-item-prev {
                      transform: translateX(-50%);
                  }
                  /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
                  .carousel-licencias3 .carousel-inner .carousel-item.active,
                  .carousel-licencias3 .carousel-inner .carousel-item-next,
                  .carousel-licencias3 .carousel-inner .carousel-item-prev {
                      display: flex;
                  }
                  /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
                  .carousel-licencias3 .carousel-inner .carousel-item-right,
                  .carousel-tutorial .carousel-inner .carousel-item-left {
                      transform: translateX(0);
                  }
                  /* FIN CAROUSEL LICENCIAS*/
      /*°°°FIN LICENCIAS°°°*/

    /*°°°TUTORIALES°°°*/

      /*BOTÓN VER TODOS*/
      .button-tutoriales {
          width: 140px;
          background-color: #4c7eb6;
          border: 5px #4c7eb6 solid;
          border-radius: 10px;
          padding: 7px 16px;
          text-align: center;
          display: inline-block;
          color: white;
          font-size: 15px;
          margin-bottom: 10px;
      }
      .button-tutoriales:hover {
          width: 140px;
          background-color: #fff;
          border: 5px #4c7eb6 solid;
          border-radius: 10px;
          padding: 7px 16px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 15px;
          margin-bottom: 10px;
      }
      /*FIN BOTÓN VER TODOS*/
      /*ESTILO TÍTULO TUTORIALES*/
      .titulo-tutorial {
          color: white;
          background-color: #4c7eb6;
          font-size: 17px;
          border-radius: 5px;
      }
      /*ESTILO VIDEO TUTORIALES*/
      .video-tutorial {
          border: 5px #28badb solid;
          border-radius: 10px;
      }
      /*FIN ESTILO VIDEO TUTORIALES*/

      /*CAROUSEL TUTORIALES*/
      .carousel-tutorial .carousel-inner .carousel-item-right.active,
      .carousel-tutorial .carousel-inner .carousel-item-next {
          transform: translateX(50%);
      }

      .carousel-tutorial .carousel-inner .carousel-item-left.active,
      .carousel-tutorial .carousel-inner .carousel-item-prev {
          transform: translateX(-50%);
      }
      /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
      .carousel-tutorial .carousel-inner .carousel-item.active,
      .carousel-tutorial .carousel-inner .carousel-item-next,
      .carousel-tutorial .carousel-inner .carousel-item-prev {
          display: flex;
      }
      /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
      .carousel-tutorial .carousel-inner .carousel-item-right,
      .carousel-tutorial .carousel-inner .carousel-item-left {
          transform: translateX(0);
      }
      /*FIN CAROUSEL TUTORIALES*/

      /*°°°FIN TUTORIALES°°°*/

      /*°°°IMAGEN°°°*/
      /*NERI*/
      /*°°°FIN IMAGEN°°°*/

      /*°°°KIT PUNTO DE VENTA°°°*/
      .carta-movil{
          display: block;
          width: 300px;
          height: 100%;
      }
      .carta-escritorio,
      .productos-escritorio{
          display: none;
      }
                  /*CAROUSEL completa*/
                  .carousel-completa .carousel-inner .carousel-item-right.active,
                  .carousel-completa .carousel-inner .carousel-item-next {
                      transform: translateX(50%);
                  }

                  .carousel-completa .carousel-inner .carousel-item-left.active,
                  .carousel-completa .carousel-inner .carousel-item-prev {
                      transform: translateX(-50%);
                  }
                  /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
                  .carousel-completa .carousel-inner .carousel-item.active,
                  .carousel-completa .carousel-inner .carousel-item-next,
                  .carousel-completa .carousel-inner .carousel-item-prev {
                      display: flex;
                  }
                  /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
                  .carousel-completa .carousel-inner .carousel-item-right,
                  .carousel-completa .carousel-inner .carousel-item-left {
                      transform: translateX(0);
                  }
                  /* FIN CAROUSEL completa*/
      /*°°°FIN KIT PUNTO DE VENTA°°°*/

      /*°°°CASOS DE ÉXITO°°°*/

        /*+++ESTILOS SLIDER CASOS DE ÉXITO+++*/

        /*ESTILO IMAGEN DE FONDO Y FILTRO*/
        .img-slider-casos {
          background-image: linear-gradient(rgba(76, 126, 182, 0.5),
              rgba(76, 126, 182, 0.5)),
              url(../images/casos-de-exito-slider.png);
              height: 350px;
          background-size: 1344px 350px;
          background-repeat: no-repeat;
          background-position: center;
          display: flex;
          align-items: center;       
        }

        /*ESTILO TITULO SLIDER*/


        /*ESTILO TEXTO SLIDER*/
        .texto-slider-casos {
          font-size: 20px;
          color: white;
          text-align: center;
          padding-top: 10px;
          padding-bottom: 10px;
        }

        /*+++FIN ESTILOS SLIDER CASOS DE ÉXITO+++*/

        /*++++ESTILOS CAROUSEL CASOS DE ÉXITO+++*/
        .carousel-casos .carousel-inner .carousel-item-right.active,
        .carousel-casos .carousel-inner .carousel-item-next {
          transform: translateX(50%);
        }

        .carousel-casos .carousel-inner .carousel-item-left.active,
        .carousel-casos .carousel-inner .carousel-item-prev {
          transform: translateX(-50%);
        }

        /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
        .carousel-casos .carousel-inner .carousel-item.active,
        .carousel-casos .carousel-inner .carousel-item-next,
        .carousel-casos .carousel-inner .carousel-item-prev {
          display: flex;
        }

        /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
        .carousel-casos .carousel-inner .carousel-item-right,
        .carousel-casos .carousel-inner .carousel-item-left {
          transform: translateX(0);
        }

        /*++++FIN ESTILOS CAROUSEL CASOS DE ÉXITO+++*/
        /*+++ESTILOS TESTIMONIOS+++*/
        .diapositiva-testimonio {
          height: 20vw;
        }

        /*ESTILO NOMBRE DEL TESTIMONIO*/
        .nombre-testimonio {
          font-size: 2vw;
          font-weight: bolder;
          color: #28badb;
          margin: 0;
          padding-top: 2vw;
        }

        /*ESTILO DEL TESTIMONIO*/
        .texto-testimonio {
          font-size: 1.5vw;
          text-align: center;
          color: black;
          padding-top: 2vw;
        }

        /*+++FIN ESTILOS TESTIMONIOS+++*/

      /*°°°FIN CASOS DE ÉXITO°°°*/


  }
  /*#####FIN ESTILOS MEDIA PARA PANTALLAS MEDIANAS (TABLETS || IPADS)#####*/

  /*#####ESTILOS MEDIA PARA PANTALLAS LARGAS Y EXTRALARGAS(DESKTOP)######*/
  @media (min-width: 992px) {
      /*°°°HEADER°°°*/

      /*+++QUITAR BORDES A LOS LATERALES*/
      .container-fluid.slider {
          padding-right: 0;
          padding-left: 0;
      }
      /*+++ESTILO PARA DISEÑO DE DIAPOSITIVAS+++*/
      /*DISEÑO DE IMAGEN */
      .imagen-diapositiva {
          height: 750px; /*TAMAÑO QUE TENDRÁ DE ALTO LA IMAGEN PARA QUE SE VEAN EN PANTALLA COMPLETA*/
          width: auto;
          margin-bottom: -110px;
      }
      /*--ESTILOS PARA TITULO--*/
      /*DISEÑO DE FONDO BLANCO*/
      .titular-diapositiva {
          background-color: rgba(255, 255, 255, 0.7);
          margin: 0 auto;
          width: 70%;
          padding-top: 15px;
          padding-bottom: 15px;
      }
      /*ESTILO PARA EL TÍTULO*/
      .titulo-diapositiva {
          color: black;
          font-weight: bold;
          font-size: 35px;
          text-align: center;
      }
      /*ESTILO PARA LA DESCRIPCIÓN*/
      .descripcion-diapositiva {
          color: black;
          font-weight: normal;
          font-size: 25px;
          text-align: center;
      }

      /*ESTILO PARA IMAGEN PUNTO DE VENTA IZQUIERDA*/
      .head-pdv-izq {
          width: 40%;
          margin: 0;
          position: absolute;
          top: 65%;
          left: 32%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA IMAGEN PUNTO DE VENTA DERECHA*/
      .head-pdv-der {
          width: 40%;
          margin: 0;
          position: absolute;
          top: 67%;
          left: 68%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN WHATSAPP A LA IZQUIERDA*/
      .button-diapositiva-izq .button-asesor {
          position: absolute;
          top: 90%;
          left: 27%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN WHATSAPP A LA DERECHA*/
      .button-diapositiva-der .button-asesor {
          position: absolute;
          top: 90%;
          left: 61%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN COMPRAR A LA IZQUIERDA*/
      .button-diapositiva-izq .button-comprar {
          margin-left: 150px;
          position: absolute;
          top: 90%;
          left: 36%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
      /*ESTILO PARA UBICACIÓN DE BOTÓN COMPRAR A LA DERECHA*/
      .button-diapositiva-der .button-comprar {
          margin-left: 145px;
          position: absolute;
          top: 90%;
          left: 70%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }

      /*ESTILO DE DISEÑO BOTÓN WHATSAPP*/
      .button-asesor {
          background-color: #4caf50;
          border-radius: 10px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: white;
          font-size: 25px;
      }
      /*ESTILO DE EFECTO BOTÓN WHATSAPP*/
      .button-asesor:hover {
          background-color: #fff;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 25px;
      }
      /*ESTILO DE DISEÑO BOTÓN COMPRAR*/
      .button-comprar {
          background-color: #ffffff;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 20px;
      }
      /*ESTILO DE EFECTO BOTÓN COMPRAR*/
      .button-comprar:hover {
          background-color: #4c7fb6;
          border-radius: 5px;
          padding: 3px 8px;
          text-align: center;
          display: inline-block;
          color: #fff;
          font-size: 20px;
      }
      /*ESTILO DE ICONO WHATSAPP*/
      .icon-whatsapp {
          font-size: 25px;
          margin-left: 10px;
      }
      /*ESTILO DE ICONO CARRO DE COMPRA*/
      .icon-cart {
          font-size: 25px;
          margin-left: 10px;
      }
      /*+++FIN ESTILO PARA DISEÑO DE DIAPOSITIVAS+++*/

      /*++++ESTILOS PARA FORMATO DE CAROUSEL++++*/
      /*FORMATO DE FLECHAS*/
      .flecha-ant.carousel-control-prev-icon {
          background-color: rgba(0, 0, 0, 0.5);
          width: 70px;
          height: 70px;
          border-radius: 50%;
          top: 45%;
          left: 5%;
          position: absolute;
      }
      .flecha-sig.carousel-control-next-icon {
          background-color: rgba(0, 0, 0, 0.5);
          width: 70px;
          height: 70px;
          border-radius: 50%;
          top: 45%;
          right: 5%;
          position: absolute;
      }
      /*FIN FORMATO DE FLECHAS*/
      /*++++FIN ESTILOS PARA FORMATO DE CAROUSEL++++*/

      /*°°°FIN HEADER°°°*/

      /*°°°BENEFICIOS(FORM Y SLIDER)°°°*/

      /**titulo***/
      .titulo-beneficios-movil{
        display: none;
    }

        /*ESTILO TÍTULO FORM BENEFICIOS*/
      .titulo-form-beneficios {
          font-size: 21px;
          color: white;
          text-align: center;
      }
      /*IMÁGENES BENEFICIOS*/
      .imagen-beneficios {
        height: 400px;
    }
    .margen-ben{
        margin-top: 50px;
    }
      /*ESTILO DE INFORMACIÓN CAROUSEL BENEFICIOS*/
      .info-carousel-beneficios {
          text-align: center;
      }
      /*ESTILO DE TÍTULOS CAROUSEL BENEFICIOS*/
      .titulo-carousel-beneficios {
          margin: 10px;
          height: auto;
          min-height: 72px;
          font-size: 30px;
      }
      /*ESTILO DE TEXTO CAROUSEL BENEFICIOS*/
      .texto-carousel-beneficios {
          font-size: 20px;
          min-height: 120px;
    }

    .row-carousel-beneficios{
        margin-left: 15%;
    }

    .fondo-carrusel{
        padding: 0px;
        display: flex;
        align-items: center;
    }

      /*°°°FIN BENEFICIOS°°°*/

      /*°°°LICENCIAS°°°*/
      .separacion-movil
        {
            display: none;
        }
        .icono-mas-detalles-licencias,
        .icono-comprar-licencias{

            padding: 0.0rem 0.1rem;
        }
        .btn-mas-detalles-licencias,
        .btn-comprar-licencias {
            padding: 0.5rem 0.2rem;
        }
      .indicador-licencias{
          visibility:hidden; /* OCULTAR CARRUCEL EN PC*/
      }
      /* CAROUSEL */
      .carousel-licencias3 .carousel-inner .carousel-item-right.active,
      .carousel-licencias3 .carousel-inner .carousel-item-next {
          transform: translateX(25%);
      }

      .carousel-licencias3 .carousel-inner .carousel-item-left.active,
      .carousel-licencias3 .carousel-inner .carousel-item-prev {
          transform: translateX(-25%);
      }
      /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
      .carousel-licencias3  .carousel-inner .carousel-item.active,
      .carousel-licencias3 .carousel-inner .carousel-item-next,
      .carousel-licencias3 .carousel-inner .carousel-item-prev {
          display: flex;
      }
      /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
      .carousel-licencias3 .carousel-inner .carousel-item-right,
      .carousel-licencias3 .carousel-inner .carousel-item-left {
          transform: translateX(0);
      }
      /* FIN CAROUSEL */

      /* KIT PUNTO DE VENTA */
  .btn-contacto-punto-de-venta{
      padding: 20px;
  }
  .card-btn-contacto-punto-de-venta{
      text-align: end;
      margin-bottom: -9%;
  }


  /* .img-punto-de-venta{
      margin-top: 6%;
  } */
  /* FIN KIT PUNTO DE VENTA */

      /* LICENCIAS */
      .col-licencia:hover,
      .card-licencia:hover {
          /* cursor: pointer; */
          transform: translateY(-10px);
          border: 1px solid rgb(0, 0, 0);
          box-shadow: 3px 3px 10px 2px rgb(0, 0, 0);
      }


      .btn-mas-detalles-licencias:hover,
      .btn-comprar-licencias:hover,
      .btn-cotizacion-licencias:hover {
          transform: translateY(-2px);
          border: 1px solid rgb(0, 0, 0);
          box-shadow: 1px 1px 5px 1px rgb(0, 0, 0);
      }

      /* FIN LICENCIAS */
      /*°°°FIN LICENCIAS°°°*/

      /*°°°TUTORIALES°°°*/

      /*BOTÓN VER TODOS*/
      .button-tutoriales {
          width: 170px;
          background-color: #4c7eb6;
          border: 5px #4c7eb6 solid;
          border-radius: 10px;
          padding: 7px 16px;
          text-align: center;
          display: inline-block;
          color: white;
          font-size: 20px;
          margin-bottom: 10px;
          /* left: 38%; */
          position: relative;
      }
      .button-tutoriales:hover {
          width: 170px;
          background-color: #fff;
          border: 5px #4c7eb6 solid;
          border-radius: 10px;
          padding: 7px 16px;
          text-align: center;
          display: inline-block;
          color: black;
          font-size: 20px;
          margin-bottom: 10px;
          /* left: 38%; */
          position: relative;
      }
      /*FIN BOTÓN VER TODOS*/
      /*ESTILO TÍTULO TUTORIALES*/
      .titulo-tutorial {
          color: white;
          background-color: #4c7eb6;
          font-size: 17px;
          border-radius: 5px;
      }
      /*ESTILO VIDEO TUTORIALES*/
      .video-tutorial {
          border: 5px #28badb solid;
          border-radius: 10px;
      }
      /*FIN ESTILO VIDEO TUTORIALES*/

      /*CAROUSEL TUTORIALES*/
      .carousel-tutorial .carousel-inner .carousel-item-right.active,
      .carousel-tutorial .carousel-inner .carousel-item-next {
          transform: translateX(25%);
      }

      .carousel-tutorial .carousel-inner .carousel-item-left.active,
      .carousel-tutorial .carousel-inner .carousel-item-prev {
          transform: translateX(-25%);
      }
      /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
      .carousel-tutorial .carousel-inner .carousel-item.active,
      .carousel-tutorial .carousel-inner .carousel-item-next,
      .carousel-tutorial .carousel-inner .carousel-item-prev {
          display: flex;
      }
      /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
      .carousel-tutorial .carousel-inner .carousel-item-right,
      .carousel-tutorial .carousel-inner .carousel-item-left {
          transform: translateX(0);
      }
      /*FIN CAROUSEL TUTORIALES*/

    /*°°°FIN TUTORIALES°°°*/

      /*°°°IMAGEN°°°*/
      /*NERI*/
      /*°°°FIN IMAGEN°°°*/

      /*°°°KIT PUNTO DE VENTA°°°*/
      .carta-escritorio{
          display: block;
      }
      .indicador-licencias,
      .indicador-completa
      {
          visibility:hidden;
      }
      .carta-movil{
          display: none;
      }
      /* Carousel Kit */
          .carousel-completa .carousel-inner .carousel-item-right.active,
          .carousel-completa .carousel-inner .carousel-item-next {
              transform: translateX(25%);
          }

          .carousel-completa .carousel-inner .carousel-item-left.active,
          .carousel-completa .carousel-inner .carousel-item-prev {
              transform: translateX(-25%);
          }
          /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
          .carousel-completa  .carousel-inner .carousel-item.active,
          .carousel-completa .carousel-inner .carousel-item-next,
          .carousel-completa .carousel-inner .carousel-item-prev {
              display: flex;
          }
          /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
          .carousel-completa .carousel-inner .carousel-item-right,
          .carousel-completa3 .carousel-inner .carousel-item-left {
              transform: translateX(0);
          }
      /* fin Carousel Kit */
      /* COMPLETA TU KIT */
  /* giro de la imagen */
  .carta-box2
  {
      width: 100%;
      min-height: 253px;
      position: relative;
      perspective: 1000px;
  }

  .carta-box {
      width: 100%;
      min-height: 267px;
      position: relative;
      perspective: 1000px;
    }

    .carta-box:hover .carta,
    .carta-box2:hover .carta{
        transform: rotateY(180deg);
    }

    .carta {
      transform-style: preserve-3d;
      transition: all .4s linear;
    }

    .cara {
      position: absolute;
      backface-visibility: hidden;
    }

    .cara.detras {
      transform: rotateY(180deg);
    }
  /* fin giro de la imagen */
  /* SECCIONES COMPLETA TU KIT */
  .completaKIT{
      max-width:  100% ;
      min-height: 100%;
    }


    .btn-comprar-producto{
      width: 80%;
      padding: 0.3rem 0.1rem;
  }
  .icono-comprar{
      width: 30px;
  }
  .btn-comprar-arriba{
      padding: 0.4rem 1.3rem;
  }

    .btn-comprar-producto-movil{
      padding: 0.5rem 2.0rem;
    }

    .icono-comprar-movil{

      margin-left: 0.1rem;
      margin-right: 5%;
  }

  .contenedor-producto-inferior
  {
     /* margin-left: 0%; */
      width: 88%;
  }

    .carta-escritorio
    {
            width: 100%;
          /* margin-left: 4%; */
    }
  /* SECCIONES COMPLETA TU KIT */
      /*°°°FIN KIT PUNTO DE VENTA°°°*/

      /*°°°CASOS DE ÉXITO°°°*/

        /*+++ESTILOS SLIDER CASOS DE ÉXITO+++*/

        /*ESTILO IMAGEN DE FONDO Y FILTRO*/
        .img-slider-casos {
          background-image: linear-gradient(rgba(76, 126, 182, 0.5),
              rgba(76, 126, 182, 0.5)),
              url(../images/casos-de-exito-slider.png);
              height: 350px;
          background-size: 1920px 500px;
          background-position: center;
          background-repeat: no-repeat;
          display: flex;
          align-items: center; 
        }

        /*ESTILO TITULO SLIDER*/


        /*ESTILO TEXTO SLIDER*/
        .texto-slider-casos {
          font-size: 30px;
          color: white;
          text-align: center;
          padding-top: 10px;
          padding-bottom: 10px;
        }

        /*+++FIN ESTILOS SLIDER CASOS DE ÉXITO+++*/

        /*++++ESTILOS CAROUSEL CASOS DE ÉXITO+++*/
        .carousel-casos .carousel-inner .carousel-item-right.active,
        .carousel-casos .carousel-inner .carousel-item-next {
          transform: translateX(33%);
        }

        .carousel-casos .carousel-inner .carousel-item-left.active,
        .carousel-casos .carousel-inner .carousel-item-prev {
          transform: translateX(-33%);
        }

        /*ESTRUCTURAR ITEMS (SIN EL SE DESACOMODAN)*/
        .carousel-casos .carousel-inner .carousel-item.active,
        .carousel-casos .carousel-inner .carousel-item-next,
        .carousel-casos .carousel-inner .carousel-item-prev {
          display: flex;
        }

        /*TRANSICIÓN ITEMS (SIN EL SE DESACOMODAN AL CAMBIAR)*/
        .carousel-casos .carousel-inner .carousel-item-right,
        .carousel-casos .carousel-inner .carousel-item-left {
          transform: translateX(0);
        }

        /*++++FIN ESTILOS CAROUSEL CASOS DE ÉXITO+++*/
        /*+++ESTILOS TESTIMONIOS+++*/
        .diapositiva-testimonio {
          height: 15.5vw;
        }

        /*ESTILO NOMBRE DEL TESTIMONIO*/
        .nombre-testimonio {
          font-size: 1.3vw;
          font-weight: bolder;
          color: #28badb;
          margin: 0;
          padding-top: 1vw;
        }

        /*ESTILO DEL TESTIMONIO*/
        .texto-testimonio {
          font-size: 1vw;
          text-align: center;
          color: black;
          padding-top: 2vw;
        }

        /*+++FIN ESTILOS TESTIMONIOS+++*/

      /*°°°FIN CASOS DE ÉXITO°°°*/

  }
  /*#####FIN ESTILOS MEDIA PARA PANTALLAS LARGAS Y EXTRALARGAS(DESKTOP)######*/