/* Estilo para hacer que el div ocupe toda la pantalla */
.full-screen {
    width: 100vw!important;   /* Ocupa el 100% del ancho de la ventana */
    height: 100vh;  /* Ocupa el 100% de la altura de la ventana */
    background-color: #fff;  /* Color de fondo (opcional) */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.padding-form{
    padding:10px 0px;
}
.full-screen #slider {
    background-image: url(../imgs/bg-login-icoap.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; 
}
#section1{
    width: 80%;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    align-items: center;
}
#section2{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row{
    margin-top: unset;
}
.form-register{
    width: 60%;
    padding-top: 0px;
}
.logos{
    position: absolute;
    top: 3vw;
    z-index: 1;
}
.logo-hackaton{
    width:60%;
}
.logo-liga{
    width:20%;
    margin-top:35px;
}

@media (max-width: 575.98px) {
    
    .padding-form{
        padding:6px 0px;
    }
    .full-screen #slider {
        background-image: url(../imgs/bg.webp);
        background-position: center;
        border-radius: 0px 0px 50px 0px;
        background-size: cover;
    }
    .row{
        margin-top: -15px;
    }
    .form-register{
        width: 80%;
        padding-top: 20px;
    }
    #section1{
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 50vh;
        justify-content: center;
        align-items: center;
    }
    #section2{
        height: 50vh;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .logos{
        position: absolute;
        bottom: 2px;
        top:unset;
        z-index: 1;
    }
    .logo-hackaton{
        width:60%;
    }
    .logo-liga{
        width:20%;
        margin-top:10px;
    }
    
}