/* .contenedor_paso{
    position: relative;
} 
.contenedor_paso.opaco div:nth-child(2){
    opacity: 0.6;
} */
.contenedor_paso{
    opacity: 0.6;
    position: fixed;
    z-index: 9998;
    height: 100%;
    width: 100%;
    background: #FFF;
    cursor: no-drop;

    display: none;
}

.transicion_loader{
    /* position: absolute; */
    height: 100%;
    width: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;

    display: none;

    z-index: 9999;
    cursor: no-drop;

    position: fixed;
    top: 0;
}
.loader {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    margin:15px auto;
    position: relative;
    background: #FFF;
    box-shadow: -30px 0 #FFF, 30px 0 #FFF;
    box-sizing: border-box;
    animation: shadowPulse 2s linear infinite;
}

.transicion .loader_btn{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: 7px auto;
    position: relative;
    background: #FFF;
    box-shadow: -20px 0 #fff, 20px 0 #fff;
    box-sizing: border-box;
    animation: shadowPulseBtn 2s linear infinite;
}

@keyframes shadowPulseBtn {
    33% {
        background: #FFF;
        box-shadow: -20px 0 #2150A8  , 20px 0 #FFF;
    }
    66% {
        background: #2150A8  ;
        box-shadow: -20px 0 #FFF, 20px 0 #FFF;
    }
    100% {
        background: #FFF;
        box-shadow: -20px 0 #FFF, 20px 0 #2150A8  ;
    }
}

@keyframes shadowPulse {
    33% {
        background: #FFF;
        box-shadow: -30px 0 #2150A8  , 30px 0 #FFF;
    }
    66% {
        background: #2150A8  ;
        box-shadow: -30px 0 #FFF, 30px 0 #FFF;
    }
    100% {
        background: #FFF;
        box-shadow: -30px 0 #FFF, 30px 0 #2150A8  ;
    }
}