.carouselHome-3 {
      position: relative;
  }

  .carouselHome-3 .carousel-item {
      position: relative;
      overflow: hidden;
  }

  .carouselHome-3 .carousel-item img {
      margin-left: 25%;
  }

  .carouselHome-3 .carousel-indicators {
      z-index: 3;
      position: absolute;
  }

  .carouselHome-3 .carousel-indicators button {
      height: 16px !important;
      width: 16px !important;
      background-color: var(--colorUser50) !important;
      border: 3px solid var(--colorUser);
      opacity: 1;
  }

  .carouselHome-3 .carousel-indicators button.active {
      height: 17px !important;
      width: 17px !important;
      background-color: #FFF !important;
      border: 3px solid var(--colorUser);
      opacity: 1;
  }

  .carouselHome-3 .reservar button {
      color: rgba(0, 0, 0, 1);
      background-color: rgba(255, 255, 255, 1);
  }

  .carouselHome-3 .carousel-caption {
      position: absolute;
      /*left: 0px;/*/
      top: 0px;
      width: 50%;
      z-index: 2;
      left: 0px;
      background-color: var(--colorUser);
      height: 100%;
      padding-right: 100px;
      padding-left: 60px;
  }

  .carouselHome-3 .carousel-caption .titulo {
      z-index: 2;
      margin-top: 25%;
  }

  .carouselHome-3 .carousel-caption .titulo h1 {
      font-size: 56px;
      text-align: left;
      font-weight: bold;
      color: rgba(255, 255, 255, 1) !important;
      text-shadow: 2px 2px 0px var(--colorUser75) !important;

  }

  .carouselHome-3 .carousel-caption .descripcion {
      color: rgba(255, 255, 255, 1);
      font-size: 18px;
      font-weight: normal;
      text-align: left;
  }

  .carouselHome-3 .carousel-control-prev {
      height: 40px;
      width: 40px;
      top: calc(100% - 80px);
      margin-left: -112px;
      color: var(--colorUser);
      font-size: 18px;
      background-color: #FFF;
      opacity: 1;
      z-index: 3;
      left: 50%;
      margin-top: -80px;
  }

  .carouselHome-3 .carousel-control-prev:hover {
      background-color: rgba(255, 255, 255, 0.8);
  }

  .carouselHome-3 .reservar .btn {
      margin-right: auto;
      margin-left: auto;
      color: var(--colorUser);
      background-color: rgba(255, 255, 255, 1);
  }

  .carouselHome-3 .reservar .btn:hover {

      margin-right: auto;
      margin-left: auto;
      background-color: rgba(255, 255, 255, 0.8);
  }

  .carouselHome-3 .carousel-control-next {
      height: 40px;
      width: 40px;
      top: calc(100% - 80px);
      left: 50%;
      margin-top: -80px;
      margin-left: -60px;
      color: var(--colorUser);
      font-size: 18px;
      background-color: #fff;
      opacity: 1;
      z-index: 3;
  }

  .carouselHome-3 .carousel-control-next:hover {
      background-color: rgba(255, 255, 255, 0.8);
  }

  @media screen and (max-width: 992px) {
      .carouselHome-3 {
          position: relative;
          top: 50px;

      }

      .carouselHome-3 .carousel-item {
          position: relative;
          overflow: hidden;
      }

      .carouselHome-3 .carousel-item img {
          margin-left: 25%;
      }

      .carouselHome-3 .carousel-indicators {
          z-index: 3;
          position: absolute;
      }

      .carouselHome-3 .carousel-indicators button {
          height: 16px !important;
          width: 16px !important;
          background-color: var(--colorUser50) !important;
          border: 3px solid var(--colorUser);
          opacity: 1;
      }

      .carouselHome-3 .carousel-indicators button.active {
          height: 17px !important;
          width: 17px !important;
          background-color: #FFF !important;
          border: 3px solid var(--colorUser);
          opacity: 1;
      }

      .carouselHome-3 .reservar button {
          color: rgba(0, 0, 0, 1);
          background-color: rgba(255, 255, 255, 1);
      }

      .carouselHome-3 .carousel-caption {
          position: absolute;
          /*left: 0px;/*/
          top: 0px;
          width: 50%;
          z-index: 2;
          left: 0px;
          background-color: var(--colorUser);
          height: 100%;
          padding-right: 5px;
          padding-left: 5px;
      }

      .carouselHome-3 .carousel-caption .titulo {
          z-index: 2;
          margin-top: 0px;
      }

      .carouselHome-3 .carousel-caption .titulo h1 {
          font-size: 28px !important;
          text-align: left;
          font-weight: bold;
          color: rgba(255, 255, 255, 1) !important;
          text-shadow: 2px 2px 0px var(--colorUser75) !important;

      }

      .carouselHome-3 .carousel-caption .descripcion {
          color: rgba(255, 255, 255, 1);
          font-size: 16px;
          font-weight: normal;
          text-align: left;
      }

      .carouselHome-3 .carousel-control-prev {
          height: 40px;
          width: 40px;
          top: calc(100% - 80px);
          margin-left: -112px;
          color: var(--colorUser);
          font-size: 18px;
          background-color: #FFF;
          opacity: 1;
          z-index: 3;
          left: 50%;
          margin-top: -80px;
      }

      .carouselHome-3 .carousel-control-prev:hover {
          background-color: rgba(255, 255, 255, 0.8);
      }

      .carouselHome-3 .reservar .btn {
          margin-right: auto;
          margin-left: auto;
          color: var(--colorUser);
          background-color: rgba(255, 255, 255, 1);
      }

      .carouselHome-3 .reservar .btn:hover {

          margin-right: auto;
          margin-left: auto;
          background-color: rgba(255, 255, 255, 0.8);
      }

      .carouselHome-3 .carousel-control-next {
          height: 40px;
          width: 40px;
          top: calc(100% - 80px);
          left: 50%;
          margin-top: -80px;
          margin-left: -60px;
          color: var(--colorUser);
          font-size: 18px;
          background-color: #fff;
          opacity: 1;
          z-index: 3;
      }

      .carouselHome-3 .carousel-control-next:hover {
          background-color: rgba(255, 255, 255, 0.8);
      }

  }