.redi__contenido {
   max-width: 1300px;
   margin: 0 auto;
}

.sliderCircular__container {
   display: grid;
   grid-template-columns: 100%;
   gap: 0px;
   overflow: hidden;
   align-items: center;
}

@media (min-width: 992px) {
   .sliderCircular__container {
      overflow: visible;
      grid-template-columns: auto 1fr;
      gap: 40px;
   }
}

.sliderCircular .locked {
   pointer-events: none;
}

.sliderCircular img {
   border: 0;
   max-width: 100%;
   height: auto;
   border: solid 4px #016D38;
   border-radius: 12px;
}

.sliderCircular ul,
.sliderCircular p {
   margin-bottom: 10px;
}

.sliderCircular p:last-child,
.sliderCircular ul:last-child {
   margin-bottom: 0;
   text-align: left;
}

.sliderCircular .slider-wrapper {
   width: 390px;
   margin: 0 auto;
   position: relative;
   transform: scale(.9);
}

@media (max-width: 992px) {
   .sliderCircular .slider-wrapper {
      transform: scale(.7);
   }
}

.sliderCircular .navegacionSlider {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 20px;
   justify-content: center;
   max-width: 300px;
   margin-left: auto;
   margin-right: auto;
}

.sliderCircular .navegacionSlider div {
   display: flex;
   align-items: center;
   justify-content: center;
}

.sliderCircular .navegacionSlider button {
   background-color: #77777A;
   color: #fff;
   border-radius: 2rem;
   padding: 2px 15px;
   transform: scale(1);
   transition: transform .3s;
   border: 2px solid #016D38;
   font-size: 18px;
}

.sliderCircular .navegacionSlider button:hover {
   transform: scale(1.05);
}

.sliderCircular .navegacionSlider .finalizar {
   background-color: #016D38;
}

.sliderCircular .rotatescroll img {
   vertical-align: middle;
   border: 9px solid #016D38;
}

.sliderCircular .rotatescroll img,
.sliderCircular .rotatescroll .overview li {
   border-radius: 50%;
}

/* Tiny Circleslider */

.sliderCircular .rotatescroll {
   position: relative;
   height: 389px;
   width: 390px;
   padding: 40px;
   overflow: hidden;
}

.sliderCircular .rotatescroll .viewport {
   /* width: 390px; */

   height: 390px;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   pointer-events: none;
   background-color: #016D38;
}

.sliderCircular .rotatescroll .overview {
   /* position: absolute; */
   position: relative;
   width: 798px;
   list-style: none;
   left: 0;
   top: 0;
   margin: -20px 0 0 -20px;
   padding: 0;
   z-index: 0;
}

.sliderCircular .rotatescroll .overview li {
   height: 342px;
   width: 342px;
   float: left;
   position: relative;
   padding: 15px;
   margin: 4px 0 0 4px;
}

.sliderCircular .rotatescroll .overlay {
   pointer-events: none;
   position: absolute;
   left: 0;
   top: 0;
   height: 390px;
   width: 390px;
   background: url("../../img/slider-circular/slider4.svg") 0 0 no-repeat;
}

.sliderCircular .rotatescroll .overlay-interaction {
   background: url("../../img/slider-circular/slider4.svg") 0 0 no-repeat;
   z-index: 0;
}

.sliderCircular .rotatescroll [class*="-hovered"] {
   z-index: 1;
}

/*  https://mathiasbynens.be/notes/css-escapes  */
.sliderCircular .rotatescroll .slideno\(4\),
.sliderCircular .is-slide1-hovered {
   transform: rotate(0deg);
}

.sliderCircular .rotatescroll .slideno\(1\),
.sliderCircular .is-slide2-hovered {
   transform: rotate(90deg);
}

.sliderCircular .rotatescroll .slideno\(2\),
.sliderCircular .is-slide3-hovered {
   transform: rotate(180deg);
}

.sliderCircular .rotatescroll .slideno\(3\),
.sliderCircular .is-slide4-hovered {
   transform: rotate(270deg);
}


.sliderCircular .rotatescroll .thumb {
   touch-action: none;
   -ms-touch-action: none;
   position: absolute;
   top: 6px;
   cursor: pointer;
   /*left: 137px;
   */
   left: 177px;
   width: 20px;
   height: 20px;
   z-index: 200;
   background: #000;
   border: 4px solid #fff;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}

.sliderCircular .rotatescroll .dot {
   left: inherit !important;
   top: 0 !important;
   z-index: 100;
   text-align: center;
   overflow: hidden;
   position: absolute;
   /* top: 0; */

   right: 0;
   width: 50%;
   height: 50%;
   transform-origin: 0% 100%;
}

.sliderCircular .rotatescroll .dot span {
   /* display: none; */
}

.sliderCircular .rotatescroll .dot:after {
   content: '';
   position: absolute;
   top: 2px;
   left: 0;
   border-left: 2px solid #016D38;
   height: 42px;
   /* display: table-cell; */
}

.char1 {
   transform-origin: center !important;
}

.dot-3 .char1 {
   transform: rotate(180deg) !important;
}

.rotatescroll .text {
   padding-top: 20px;
}

.rotatescroll .flip.text {
   padding-top: 30px;
   top: 20px !important;
}

.rotatescroll .flip.text span {
   top: 14px !important;
}

.rotatescroll .active .flip.text span {
   top: 20px !important;
}

.rotatescroll .active h1 div.text {
   color: #fff;
   padding: 20px;
   height: 8px !important;
   font-family: Sansation, sans-serif;
}

.rotatescroll .active h1 div.text:hover {
   color: #fff;
   text-shadow: none;
}

.rotatescroll h1 span {
   line-height: 0.35;
   white-space: pre;
   overflow: visible;
   padding: 0px;
}

.rotatescroll .flip {
   transform: rotate(180deg)
}


.rotatescroll .dot h1 {
   position: absolute;
   left: -100%;
   width: 200%;
   height: 200%;
   transform: skewY(0deg) rotate(45deg);
   margin: 0;
   cursor: pointer;
   text-align: center;
   font-size: 22px;
   line-height: 0;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
}

.rotatescroll .dot-1 {
   transform: rotate(315deg) skewY(0deg);
}

.rotatescroll .dot-2 {
   transform: rotate(45deg) skewY(0deg);
}

.rotatescroll .dot-3 {
   transform: rotate(135deg) skewY(0deg);
}

.rotatescroll .dot-4 {
   transform: rotate(225deg) skewY(0deg);
}


/*=== imagen derecha ===*/

.sliderCircular .imagen-derecha {
   display: flex;
   align-items: center;
   z-index: 1;
   padding: 0;
}

.sliderCircular #escena {
   display: block;
   width: 100%;
}

@media (max-width: 992px) {
   .sliderCircular #escena {
      margin: 30px 0;
   }
}

@keyframes bounceIn1 {

   0%,
   20%,
   40%,
   60%,
   80%,
   to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
   }

   0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
   }

   20% {
      transform: scale3d(1.1, 1.1, 1.1)
   }

   40% {
      transform: scale3d(.9, .9, .9)
   }

   60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03)
   }

   80% {
      transform: scale3d(.97, .97, .97)
   }

   to {
      opacity: 1;
      transform: scaleX(1)
   }
}

@keyframes bounceIn2 {

   0%,
   20%,
   40%,
   60%,
   80%,
   to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
   }

   0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
   }

   20% {
      transform: scale3d(1.1, 1.1, 1.1)
   }

   40% {
      transform: scale3d(.9, .9, .9)
   }

   60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03)
   }

   80% {
      transform: scale3d(.97, .97, .97)
   }

   to {
      opacity: 1;
      transform: scaleX(1)
   }
}

@keyframes bounceIn3 {

   0%,
   20%,
   40%,
   60%,
   80%,
   to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
   }

   0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
   }

   20% {
      transform: scale3d(1.1, 1.1, 1.1)
   }

   40% {
      transform: scale3d(.9, .9, .9)
   }

   60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03)
   }

   80% {
      transform: scale3d(.97, .97, .97)
   }

   to {
      opacity: 1;
      transform: scaleX(1)
   }
}

@keyframes bounceIn4 {

   0%,
   20%,
   40%,
   60%,
   80%,
   to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1)
   }

   0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3)
   }

   20% {
      transform: scale3d(1.1, 1.1, 1.1)
   }

   40% {
      transform: scale3d(.9, .9, .9)
   }

   60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03)
   }

   80% {
      transform: scale3d(.97, .97, .97)
   }

   to {
      opacity: 1;
      transform: scaleX(1)
   }
}

.sliderCircular .escena-01 {
   animation: bounceIn1 1s;
}

.sliderCircular .escena-02 {
   animation: bounceIn2 1s;
}

.sliderCircular .escena-03 {
   animation: bounceIn3 1s;
}

.sliderCircular .escena-04 {
   animation: bounceIn4 1s;
}

.sliderCircular .imgEscena {
   max-width: 100% !important;
   width: 100%;
   margin: 0 auto;
   display: block;
}

.sliderCircular .sliderCircular__content {
   display: none;
   font-size: 22px;
   background-color: #F1F1F1;
   padding: 15px 20px;
   border-radius: 15px;
   border: 2px solid #016D38;
}

.sliderCircular .escena-01 .contentEscena1 {
   display: grid;
   grid-template-columns: 1fr 60%;
   align-items: center;
}

.sliderCircular .escena-02 .contentEscena2 {
   display: grid;
   grid-template-columns: 1fr 60%;
   align-items: center;
}

.sliderCircular .escena-03 .contentEscena3 {
   display: grid;
   grid-template-columns: 1fr 60%;
   align-items: center;
}

.sliderCircular .escena-04 .contentEscena4 {
   display: grid;
   grid-template-columns: 1fr 50%;
   align-items: center;
}

@media (max-width: 767px) {
   .sliderCircular .escena-01 .contentEscena1 {
      grid-template-columns: 1fr;
   }

   .sliderCircular .escena-02 .contentEscena2 {
      grid-template-columns: 1fr;
   }

   .sliderCircular .escena-03 .contentEscena3 {
      grid-template-columns: 1fr;
   }

   .sliderCircular .escena-04 .contentEscena4 {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 992px) and (min-width: 768px) {
   .sliderCircular .escena-01 .contentEscena1 {
      grid-template-columns: 1fr 50%;
   }

   .sliderCircular .escena-02 .contentEscena2 {
      grid-template-columns: 1fr 50%;
   }

   .sliderCircular .escena-03 .contentEscena3 {
      grid-template-columns: 1fr 50%;
   }

   .sliderCircular .escena-04 .contentEscena4 {
      grid-template-columns: 1fr 50%;
   }
}

.sliderCircular .listPrimary {
   list-style: none;
   padding-left: 0;
}

.sliderCircular .listPrimary li {
   position: relative;
   padding-left: 40px;
}

.sliderCircular .listPrimary li::before {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   background-color: #016D38;
   border-radius: 50%;
   position: absolute;
   left: 15px;
   top: 10px;
}

.sliderCircular .bold {
   font-weight: bold;
}

.sliderCircular .primary {
   color: #016D38;
}

.sliderCircular .text-center {
   text-align: center;
}

.sliderCircular .dNone {
   display: none;
}

/*=== FIN REDI  ===*/

.caja-texto {
   padding: 5px 20px 20px 5px;
}