.elementor-kit-8 {
    --e-global-color-primary: #016D38;
    --e-global-color-secondary: #FFDC5D;
    --e-global-color-text: #333333;
    --e-global-color-accent: #333333;
    --e-global-color-80a67ef: #FAFAFA;
    --e-global-color-109a5f5: #FFD439;
    --e-global-color-9e2a6a1: #02D46F;
    --e-global-color-60badbd: #F2F2F2;
    --e-global-color-26399bb: #EEEEEE;
    --e-global-color-a0d7e5c: #FFFFFF;
    --e-global-color-ae95809: #E70000;
    --e-global-color-3ea0a1f: #0C1B68;
    --e-global-color-715cc08: #FFDC5D4F;
    --e-global-color-0851515: #016D383B;
    --e-global-color-6979075: #0B848A;
    --e-global-color-d907f91: #F9CB54;
}

/*#0C1B68;
#FFDC5D;
#E70000;
#016D38;
#333333;*/

.redi2 {
    --color__opcion1: transparent;
    --color__opcion2: transparent;
    --color__opcion3: transparent;
    --color__opcion4: transparent;

    --componente__anchoMaximo: 200px;
    --componente__anchoMinimo: 130px;
    --componente__ancho: 25%;
    --componente__espacio: 10px;

    --componenteDestino__ancho: 50%;

    --contenedoresDestino__colorFondo: hsl(48, 96%, 93%);
    --contenedoresDestino__ancho: 25%;
    --espacioEntreContenedores: 10px;

    /*--color__contenedorA: #b6deff;*/
    --color__contenedorA: #0C1B68;

    /*--color__contenedorB: #ffccde;*/
    --color__contenedorB: #FFDC5D;

    /*--color__contenedorC: #d9f8ff;*/
    --color__contenedorC: #E70000;

    /*--color__contenedorD: #ffdabb;*/
    --color__contenedorD: #016D38;

    /*--color__contenedorE: #ffdabb;*/
    --color__contenedorE: #333333;

    --flexFlow__componente: column;

    --fontFamily__contenedorTitulo: 'Barmeno', sans-serif;

    font-size: 20px;
    max-width: 1200px !important;
}

/*=== ORIGEN ===*/

.redi2 .listaComponentes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    z-index: 2;
    max-width: 1000px;
    margin: 10px auto;
}

.redi2 .componente {
    cursor: pointer;
    line-height: 1.15;
    transition: transform 0.1s;
    max-width: var(--componente__anchoMaximo);
    width: calc(var(--componente__ancho) - var(--componente__espacio) * 2);
    min-width: var(--componente__anchoMinimo);
    margin: var(--componente__espacio);
    z-index: 50;
    border-radius: 1em;
    color: #fff;
    display: inline-flex;
    align-items: center;
    flex-flow: var(--flexFlow__componente);
    cursor: url(../img/cursor-grab.cur), url(../img/cursor-grab.png), pointer;
    transition: transform .3s;
}


.redi2 .componentesDestino__contenedor .componente {
    /*width: calc(var(--componenteDestino__ancho) - var(--componente__espacio) * 2);*/
    width: 157px;
    margin: 0;
    /*transform: scale(1.3);*/
}

@media (max-width: 767px) {
    .redi2 .componentesDestino__contenedor .componente {
        /*width: calc(var(--componenteDestino__ancho) - var(--componente__espacio) * 2);*/
        width: 86%;
        /*transform: scale(1.3);*/
    }
}

.redi2 .componentesDestino__contenedor .componente img{
    /*width: calc(var(--componenteDestino__ancho) - var(--componente__espacio) * 2);*/
    width: 100%;
    height: auto;
    /*transform: scale(1.3);*/
}

.redi2 .ui-sortable-helper {
    transition: transform .3s;
    cursor: url(../img/cursor-grabbing.cur), url(../img/cursor-grabbing.png), move;
    transform: scale(.8);
    z-index: 9;
}

.redi2 .listaComponentes .componente:nth-child(4n + 1),
.redi2 .contenedorA .componente:nth-child(4n + 1),
.redi2 .contenedorB .componente:nth-child(4n + 1) {
    background-color: var(--color__opcion1);
}

.redi2 .listaComponentes .componente:nth-child(4n + 2),
.redi2 .contenedorA .componente:nth-child(4n + 2),
.redi2 .contenedorB .componente:nth-child(4n + 2) {
    background-color: var(--color__opcion2);
}

.redi2 .listaComponentes .componente:nth-child(4n + 3),
.redi2 .contenedorA .componente:nth-child(4n + 3),
.redi2 .contenedorB .componente:nth-child(4n + 3) {
    background-color: var(--color__opcion3);
}

.redi2 .listaComponentes .componente:nth-child(4n + 4),
.redi2 .contenedorA .componente:nth-child(4n + 4),
.redi2 .contenedorB .componente:nth-child(4n + 4) {
    background-color: var(--color__opcion4);
}

.redi2 .componente img {
    border-radius: 10px 10px 0 0;
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    /*.redi2 .componente img {
        max-height: 90%;
        max-width: 130px;
    }*/

}

/*=== FIN ORIGEN ===*/

/*=== DESTINO ===*/

.redi2 .componentesDestino__content {
    width: calc(var(--contenedoresDestino__ancho) - var(--espacioEntreContenedores) * 2);
    margin: 10px var(--espacioEntreContenedores);
    background-repeat: no-repeat;
    text-align: center;
    padding: 5px 5px 75px 5px;
    border-radius: 15px;
}

@media (max-width: 991px) {
    .redi2 .componentesDestino__content {
        max-width: 500px;
        margin: auto;
    }
}

@media (max-width: 767px) {
    .redi2 .componentesDestino__content {
        max-width: 400px;
        margin: 10px auto;
        padding: 4px 15px 98px 4px;
    }
}

.redi2 .contenedorA,
.redi2 .contenedorB,
.redi2 .contenedorC,
.redi2 .contenedorD,
.redi2 .contenedorE,
.redi2 .contenedorF,
.redi2 .contenedorG,
.redi2 .contenedorH {
    min-height: 47px;
    width: 76%;
    vertical-align: top;
    transform: scale(1);
    transition: transform .3s;

    position: relative;

    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /*justify-content: center;*/

    padding: 0;
    margin: 0;
    position: relative;

    /*box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);*/

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.redi2 .containerA {
    background-image: url("../img/r2-contenedorAb.png");
}
.redi2 .containerA.b {
    background-image: url("../img/r2-contenedorA.png");
}

.redi2 .containerB {
    background-image: url("../img/r2-contenedorBb.png");
}
.redi2 .containerB.b {
    background-image: url("../img/r2-contenedorB.png");
}

.redi2 .containerC {
    background-image: url("../img/r2-contenedorCb.png");
}
.redi2 .containerC.b {
    background-image: url("../img/r2-contenedorC.png");
}

.redi2 .containerD {
    background-image: url("../img/r2-contenedorDb.png");
}
.redi2 .containerD.b {
    background-image: url("../img/r2-contenedorD.png");
}

.redi2 .containerE {
    background-image: url("../img/r2-contenedorEb.png");
}
.redi2 .containerE.b {
    background-image: url("../img/r2-contenedorE.png");
}

.redi2 .containerF {
    background-image: url("../img/r2-contenedorFb.png");
}
.redi2 .containerF.b {
    background-image: url("../img/r2-contenedorF.png");
}

.redi2 .containerG {
    background-image: url("../img/r2-contenedorGb.png");
}
.redi2 .containerG.b {
    background-image: url("../img/r2-contenedorG.png");
}

.redi2 .containerH {
    background-image: url("../img/r2-contenedorHb.png");
}
.redi2 .containerH.b {
    background-image: url("../img/r2-contenedorH.png");
}

.redi2 .componentesDestino__titulo {
    color: #fff;
    font-size: 100px;
    margin: 0 0 10px;
}

/* Termina GRUPOS DE PROCESOS */

/*-- Maquetación --*/

.redi2.contenido {
    max-width: 1140px;
}

.redi2 .componentesContent,
.redi2 .componentesDestino {
    width: 100%;
    display: flex;
}

.redi2 .componentesDestino {
    flex-wrap: wrap;
    margin-bottom: 15px;
}

/*-- Fin Maquetación --*/

@media (max-width: 991px) {
    .redi2 .listaComponentes .componente {
        min-width: 100px;
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 0;
        transform: scale(1.4);
    }

    .redi2 .componentesContent {
        position: sticky;
        top: -15px;
        margin-top: -15px;
        z-index: 2;
        background-color: #efefef;
        padding-top: 10px;
        box-shadow: 0 4px 0 rgba(0, 0, 0, .2);
        border-radius: 0 0 40px 40px;
    }

    .redi2 .componentesDestino__content {
        width: 100%;
    }
}


/*-- Ajuste btn calificar --*/

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

.backdrop .contenido.redi2 {
    overflow: initial;
}

.redi2 #edModal__calificar[disabled] {
    background-color: hsla(151, 98%, 22%, 0.3);
    border-color: hsla(151, 98%, 22%, 0.3);
    cursor: not-allowed;
    transform: scale(1);
}

.backdrop .fondo {
    margin-bottom: 15px;
}