/* secciones */
.seccionInicio{
    background-image: url('../img/assessmet/bannerBackG.jpg');
    background-size:cover;
    height: 100vh;
}

.seccionIndicacion{
    background-image: url('../img/assessmet/bannerIndicacion.jpg');
    background-size:cover;
    height: 100vh;
}

.cuestionario{
    background-color: rgba(108, 87, 225, 0.1);
    height: 100vh;
}


.c-item1{
    background-image: url('../img/no+violencia-banner.png');
    background-size:cover;
    background-position: center;
}

.c-item2{
    background-image: url('../img/n+v-imagen-%20(1).png');
    background-size:cover;
}
.c-item3{
    background-image: url('../img/n+v-imagen-%20(2).png');
    background-size:cover;
}
.c-item4{
    background-image: url('../img/n+v-imagen-%20(3).png');
    background-size:cover;
}
.c-item5{
    background-image: url('../img/n+v-imagen-%20(4).png');
    background-size:cover;
}

.c-item-uclx{
    background-image: url('../img/uclx.png');
    background-size:cover;
    background-repeat:no-repeat;
    height: 500px;
}

@media (min-width: 857px) and (max-width: 1200px){
    .c-item-uclx{
        background-image: url('../img/uclx.png');
        background-size:cover;
        background-repeat:no-repeat;
        height: 300px;
    }
}

@media (min-width: 576px) and (max-width: 856px){
    .c-item-uclx{
        background-image: url('../img/uclx.png');
        background-size:contain;
        background-repeat:no-repeat;
        height: 300px;
    }
}

@media (min-width: 409px) and (max-width: 575px) {
    .c-item-uclx{
        background-image: url('../img/uclxM.png');
        background-size:cover;
        background-repeat:no-repeat;
    }
}

@media (min-width: 10px) and (max-width: 408px) {
    .c-item-uclx{
        background-image: url('../img/uclxM.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
}

/* bienvenido */
.welcome{
    font-weight: 700;
    font-size: 100px;
    color:#FFF;
    line-height:150px;
    margin-bottom: 20px !important;
}

.p-welcome{
    font-weight: 700;
    font-size: 40px;
    color:#FFF;
    line-height: 60px;
    margin-top: 20px !important;
}




/* botones */
.btn-common.btn-active.btn-iniciar:hover{
    background-color: #FFF !important;
    border-color: #FFF !important;
    color: var(--main-color-one) !important;
}

.btn-common.btn-active.btn-sig1:hover {
    background-color: #6C57E1 !important;
    border-color: #FFF !important;
    color: #FFF !important;
}

.btn-common.btn-active.btn-atras{
    background-color: #B7B8B8 !important;
    border-color: #B7B8B8 !important;
    color: #FFF !important;
    width: auto;
    margin-right: 5px;
}
.btn-common.btn-active.btn-sig{
    width: auto;
    margin-left: 5px;
}



/* elementos custom */
.hr-ver{
    border: none !important;
    /* border-left: 1px solid hsla(200, 10%, 50%,100)  !important; */
    height: 50vh  !important;
    width: 2px !important;    
}

.acordion-item-custom{
    border-radius: 38px !important;
    border: none !important;
    background-color: transparent !important;
}

.acordion-btn-custom{
    border-radius: 12px !important;
    color: #ADAEAE;
    height: 60px;
    font-size: 20px;
}

.accordion-button:not(.collapsed){
    color: #FFF !important;
    background-color: #6C57E1 !important;
    border-radius: 12px !important;
}

.accordion-button::after{
    background-image: url('../img/uncollapse.svg');
}
.accordion-button:not(.collapsed)::after {
    background-image: url('../img/collapse.svg');
}

.carta-texto{
    text-align: left;
    background: rgba(108,87,225,0.1);
    margin-top: 20px;
    padding: 16px;
    border-radius: 10px;
    color: rgb(91, 91, 89);
}


.carta-objetivo .carta-texto:hover{
    text-align: left;
    background: rgb(108,87,225);
    margin-top: 20px;
    padding: 16px;
    border-radius: 10px;
    color: rgb(255,255,255);
}


/* AJUSTAR COLUMNAS */
.row.equal-cols {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
display: block;
}

.row.equal-cols > [class*='col-'] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; 
}