/*LUCHO: OJO ESTO YA SE USAN, por eseo le añado XXX al mombre (PERO HACER TEST)*/ 
/* Indicador de Pasos a lo largo de la realización de la solicitud */
/* .Paso {
   color: #C3C4C6;
   line-height: 1.1em;
   font-weight: 600;
} */
.PasoXXX {
    /* background-color: #f3f3f5; */ /*gris*/
    background-color: #F6F5EE; /*color base*/
    border: 1px solid #d8d8d9;
    color: #a1a0a0;
    line-height: 1.1em;
    font-weight: 600;
}
/* .PasoActivo {
   border-bottom: 4px solid #3C77C0;
   color: #000000;
} */
.PasoActivoXXX {
    background-color: #FFB81C;
    border: 1px solid #e9a514;
    color: #000000;
}


/*NUEVOS PARA STEPPER*/
.mi-Stepper {
    padding: 3px 6px;
    color: #a1a0a0;
    border: 1px solid #d8d8d9;
    background-color: #F6F5EE; /*color base*/
    line-height: 1.1em;
    font-weight: 600;
}
.miStepperActivo {
    background-color: #FFB81C;
    border: 1px solid #e9a514;
    color: #000000;
}








.PasoActivoStepper {
    background-color: #FFB81C;
    border: 1px solid #e9a514;
    color: #000000;
}


/* para postgrados */
/*.pasoOrdinal {
   float: left;
   width: 6%;
}*/

/*.pasoContenido {
   float: right;
   width: 94%;
}*/

.pasoOrdinal {
    float: left;
    width: 6%;
}

.pasoContenido {
    float: left;
    width: 94%;
}



.pasoOrdinalNota {
   float: left;
   width: 10%;
}

.pasoContenidoNota {
   float: right;
   width: 90%;
}


/*Variaciones con Media Queries*/


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 525px) {

   [class*="Paso"] {
      font-size: 0.7vw;
      line-height: 4em;
   }
}

/* Medium devices (tablets, 768px and up) */

/* Large devices (desktops, 992px and up) */

/* Extra large devices (large desktops, 1200px and up) */





/* ********************TAMAÑOS DISTINTOS POR MEDIA********************** */



/*desde 0*/
@media screen and (min-width: 0px) {

    .pasoOrdinal {
        float: left;
        width: 6%;
    }

    .pasoContenido {
        float: left;
        width: 94%;
    }


}


/*desde 400*/
@media screen and (min-width: 400px) {

}

/*desde 467*/
@media screen and (min-width: 467px) {

}

/*desde 500*/
@media screen and (min-width: 500px) {

}


/*desde 576px - bootstrap 4 sm = Small ≥576px*/
@media screen and (min-width: 576px) {

}


/*desde 700*/
@media screen and (min-width: 700px) {




}

/*desde 768px - bootstrap 4 md = Medium ≥768px*/
@media screen and (min-width: 768px) {

}

/*desde 900px*/
@media screen and (min-width: 900px) {



}


/*desde 992px - bootstrap 4 lg = Large ≥992px*/
@media screen and (min-width: 992px) {

/*    .pasoOrdinal {
        float: left;
        width: 5%;
    }

    .pasoContenido {
        float: left;
        width: 95%;
    }*/

}


/*desde 1025*/
@media screen and (min-width: 1025px) {

}


/*desde 1200px - bootstrap 4 xl = Extra large ≥1200px */
@media screen and (min-width: 1200px) {


}

/*desde 1300px */
@media screen and (min-width: 1300px) {

/*    .pasoOrdinal {
        float: left;
        width: 2%;
    }

    .pasoContenido {
        float: left;
        width: 98%;
    }*/

}

/*desde 1400*/
@media screen and (min-width: 1400px) {

    .pasoOrdinal {
        float: left;
        width: 3%;
    }

    .pasoContenido {
        float: left;
        width: 97%;
    }


}