@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800&family=Poppins:wght@300;500&display=swap');
/* ________________________________________________________________________ */


body {
    margin: 0;
    padding: 0;
}
*{
    font-family: 'Poppins', sans-serif !important;
    font-size: medium;
}
.imgFondoCont{   
    background: url('/assets/images/welcome/pantallas-micrositio-sin boton-01.jpg');
    width: 100%;
    min-height: 100vh;
    height: auto;
    background-size: cover;
    background-position: center;
}
.contentIzq{
    width: 50%;
    height: 100vh;
}

.imgFondoContM{   
    display: none;
}
.contentIzqM{
    display: none;
} 

.column.logoSocio{
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.logoSocio img{    
    /* border: 2px solid red; */
    object-fit: contain;
    height: 25em;
}
.logoTexto{   
    text-align: center;
    color: white;
}
.btnAcces{
    text-align: center;
    margin-top: 8%;
}
.btnAcces .button{    
    background-color: white !important;
    color:#202D37 !important;
    font-weight: bolder;    
    transition: 0.3s;
    width: 17em;  
    height: 3em;  
    border-radius: 25px !important;
    display: flex !important;
    margin: 0 auto !important;
    letter-spacing: 1px;
    object-fit: contain;
    align-items: center;
}
.btnAcces .button:hover{    
    color: #D67131 !important;
    box-shadow:
       inset 0 -3em 3em rgba(0,0,0,0.1),
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);
}
.buttonCtn{
    width: 100%;
    height: 100%;
    /* margin-top: 1.5em; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}
/* .fondo_der {
    background: url('/assets/images/welcome/welcome02.jpg');
    background-color: beige;
    width: 50%;
    height: 100vh;
    background-size: cover;
    background-position: left;
} */

@media (max-width: 810px) {
    .imgFondoCont{   
        display: none;
    }
    .contentIzq{
        display: none;;
    }


    .imgFondoContM{  
        display: block; 
        background: url('/assets/images/welcome/welcomeIzq.png');
        width: 100%;
        min-height: 100vh;
        height: auto;
        background-size: cover;
        background-position: center;
    }
    .contentIzqM{
        display: block; 
        width: 100%;
        height: 100%;
    }       
}