.redi1 .contentEmparejamiento {
   --emparejamiento__anchoMaximo: 780px;

   --tarjeta1__anchoMaximo: 280px;
   --tarjeta1__colorFondo: #fff;
   --tarjeta1__colorBorde: #ffd200;
   --tarjeta1__colorTexto: #49A5AA;
   --tarjeta1__fontSize: 20px;

   --tarjeta2__anchoMaximo: 280px;
   --tarjeta2: #49A5AA;
   --tarjeta2__fontSize: 24px;
   --tituloTarjeta: #ffd200;

   --indicador__colorFondo: #F47920;
   --indicadorActivo__colorBorde: #F47920;
   --indicadorActivo__colorFondo: #fff;

   --flechas__colorFondo: #F47920;
   --flechas__tamano: 20px;
}

@media (max-width: 767px) {
   .redi1 .contentEmparejamiento {
      --tarjeta1__fontSize: 18px;

      --tarjeta2__fontSize: 20px;
   }
}

.redi1 .emparejamiento {
   display: flex;
   flex-flow: row wrap;
   max-width: var(--emparejamiento__anchoMaximo);
   background-color: #eee;
   padding: 15px 1px;
   border-radius: 15px;
   margin: 10px auto 20px;
}

/*-- Grupo A --*/

.redi1 .itemEmparejamiento {
   display: inline-flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
   background-color: var(--tarjeta1__colorFondo);
   border: 2px dashed var(--tarjeta1__colorBorde);
   padding: 10px;
   border-radius: 15px;
   min-height: calc(100% - 15px);
   max-width: var(--tarjeta1__anchoMaximo);
   width: 100%;
   margin-bottom: 15px;
}

.redi1 .tituloItem {
   text-align: center;
   color: var(--tarjeta1__colorTexto);
   font-size: var(--tarjeta1__fontSize);
   line-height: 1.2;
}

/*=== Fin Grupo A ===*/

/*=== Grupo B ===*/

.redi1 .item {
   width: 100%;
   background-color: var(--tarjeta2);
   padding: 10px 8px 15px;
   border-radius: 15px;
}

.redi1 .item.active {
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: flex-start
}

.redi1 .imgPregunta {
   --espacioAlBorde: 0px;
   height: 100%;
   position: absolute;
   width: 100%;
   background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, .08) 20px, rgba(255, 255, 255, .08) 40px);
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   top: var(--espacioAlBorde);
   left: var(--espacioAlBorde);
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.redi1 .item__img {
   border-radius: 10px 10px 0 0;
   max-width: 100%;
   background: repeating-linear-gradient(45deg, #fff, #fff 15px, rgba(0, 0, 0, .03) 15px, rgba(0, 0, 0, .03) 30px), #fff;
}

.redi1 .item__texto {
   color: #fff;
   margin-top: 10px;
   margin-bottom: 0;
   line-height: 1.2;
   font-size: var(--tarjeta2__fontSize);
}

.redi1 .carousel {
   display: inline-block;
   max-width: var(--tarjeta2__anchoMaximo);
   width: 100%;
   margin-bottom: 15px;
}

/*-- Flechas --*/

.carousel-control {
   font-size: var(--flechas__tamano);
   line-height: 1.2;
}

.carousel-control .glyphicon {
   background-color: var(--flechas__colorFondo);
   border-radius: 50%;
   width: 32px;
   height: 32px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: .9em;
}

.carousel-control.right,
.carousel-control.left {
   background-image: none;
   height: 40px;
   top: 50%;
   transform: translateY(-50%);
}

.carousel-control.right {
   right: calc(-15% - 8px);
}

.carousel-control.left {
   left: calc(-15% - 8px);
}

@media (max-width: 767px) {

   .carousel-control.right,
   .carousel-control.left {
      top: 16%;
      opacity: 1;
   }

   .carousel-control.right {
      right: -11%;
   }

   .carousel-control.left {
      left: -11%;
   }
}

/*-- Fin Flechas --*/

/*-- Puntos indicadores --*/

.carousel-indicators {
   bottom: -25px;
   position: absolute;
   width: 100%;
   margin-left: -50%;
}

.carousel-indicators li {
   background-color: var(--indicador__colorFondo);
   border: none;
   width: 10px;
   height: 10px;
}

.carousel-indicators .active {
   border: 2px solid var(--indicadorActivo__colorBorde);
   background-color: var(--indicadorActivo__colorFondo);
   width: 11px;
   height: 11px;
}

/*-- Fin Puntos indicadores --*/

/*-- Efecto del carrusel --*/

/* .carousel-inner>.item.active,
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right {
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
} */

.carousel-inner>.item.next.left {
   /* -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg); */
}

.carousel-inner>.item.active.left,
.carousel-inner>.item.prev {
   /* -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg); */
}

.carousel-inner>.item.prev.right {
   /* -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg); */
}

.carousel-inner>.item.active.right,
.carousel-inner>.item.next {
   /* -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg); */
}

.carousel-inner>.active.left,
.carousel-inner>.active.right,
.carousel-inner>.left,
.carousel-inner>.right {
   left: 0;
}

/*-- Fin Efecto del carrusel --*/

/*-- Fin Grupo B --*/

.redi__calificar {
   position: sticky;
   bottom: 10px;
   z-index: 99;
}

.redi__contenido {
   overflow: initial;
}