/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .config_popup_pop_wl {
    position: relative;
    background: #FFF;
    /* padding: 20px; */
    width: auto;
    max-width: 800px;
    margin: 0 auto;
}

.config_popup_pop_wl_img,.config_popup_pop_wl_img_movil{
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;

}


#popup_weblogica .contentBtn > a{
    text-decoration: none!important;
    background: black;
    color: white;
    font-size: 20px;
    width: max-content;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
}
.contentBtn > a:hover{
    text-decoration: none!important;


}

.content_texto_pop_1{
    position: absolute;
    top: 0;
    padding: 15px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content_texto_pop_{
    padding: 15px;

}


 .mfp-close {
    opacity: 1!important;
    font-size: 40px!important;
    color: red!important;
    font-weight: 800!important;
}

#aling_after{
    display: none;
}

.aling_after_right{
    cursor: pointer;
    position: fixed;
    background: white;
    color: black;
    right: -140px;
    margin-left: 20px;
    width: 160px;
    z-index: 100;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-90deg);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.aling_after_left{
    cursor: pointer;
    position: fixed;
    background: white;
    color: black;
    left:  0;
    margin-left: 20px;
    width: 160px;
    z-index: 100;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-90deg);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

}


._arrow_left,._arrow_right {
    border: solid;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(45deg);
    margin-left: 10px;
}


@media screen and (max-width: 600px) {
    .config_popup_pop_wl_img{
        display: none;

    }
    .config_popup_pop_wl_img_movil{
        display: block;

    }
        
}
@media screen and (min-width: 601px) {
    .config_popup_pop_wl_img_movil{
        display: none;

    }
    .config_popup_pop_wl_img{
        display: block;

    }

}