body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.logo_login {
    width: 250px;
    height: auto;
}

.fondo-left {
    background-image: url('/assets/img/fondo_admision_2026.webp');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
}

.logo_matricula {
    width: 250px;
    height: auto;

    /* margin-top: 80px; */
}

.img-logo_matricula {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

p {
    margin: 0;
    padding: 0;
    font-size: 14px;
}



.form .logo-matricula {
    position: absolute;
    top: 10%;

}

.form .logo-matricula img {
    width: 40%;
}


.form .texto {
    height: 63.5%;
}

.form .mensaje {
    margin: 10px 30px;
}

.info {
    text-align: center;
    margin-top: 50px;
}

.info p {
	font-size: 16px;
}

.info .column {
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer {
    position: fixed;
    /* height: 50px; */
    /* background-color: red; */
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

@media (min-width: 1920px) {}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 1919) {}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
    .footer {
        display: none
    }

}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {

    
    .logo_login {
        display: none;
    }

    .img-logo_matricula {
        margin-top: 0;
    }

    .mensaje p {
        font-size: 13px;
    }

     .footer {
        display: none
    }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .logo_login {
        display: none;
    }

    .img-logo_matricula {

        margin-top: 3rem;
    }

    .mensaje p {
        font-size: 13px;
    }
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media only screen and (max-width: 996px) {
    .login-left {
        display: none;
    }

    .logo-matricula {
        width: 100px;
    }

    .mensaje p {
        font-size: 13px;
    }

}

@media (min-width: 481px) and (max-width: 767px) {
    body {
        overflow-y: auto;
    }

    .form .texto .info {
        margin-top: 20px;
    }

    .form .logo-matricula img {
        margin-top: 15px;
        width: 30%;
    }

    .logo_login {
        display: none;
    }

    .img-logo {
        display: none;
    }

    .ilustracion {
        display: none;
    }

    .img-ilustracion {
        display: none;
    }

    .footer {
        display: none
    }


}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {

    body {
        overflow-y: auto;
    }

    /* CSS */
    .form .logo-matricula img {
        margin-top: 30px !important;
        width: 40%;
    }

    .form .texto .info {
        margin-top: 30px;
    }

    .footer {
        display: none;
        /* padding-top: 50px; */
        /* margin-top: 50px; */
    }

    .form .logo-matricula img {
        margin-top: 15px;
        margin-bottom: 15px;
    }


    .logo_login {
        display: none;
    }

    .img-logo {
        display: none;
    }

    .ilustracion {
        display: none;
    }

    .img-ilustracion {
        display: none;
    }

    body {
        overflow-y: auto;
    }

    .logo_matricula {
        width: 100px;
        height: auto;
        margin-left: 0px;
        /* margin-top: 80px; */
    }
}