/*[][][]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 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: 42vw;
    object-fit: fill;
    position: relative;
    padding: 0;
}
/******** 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)######*/