main{max-width: 600px;  margin: auto;padding:  10px;}

h1{text-align: center; color: rgb(0, 0, 0); text-transform: uppercase;}

.site-content .ast-container{justify-content: center; }
.tml-errors{background-color: white;}

p,
label{color: rgb(0, 0, 0); text-align: left;}


input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: rgb(240, 240, 240) !important;
    color: rgb(0, 0, 0);
    border: 0px;
    outline: none;
    
}
input::placeholder{color: rgb(255, 255, 255);}
input[type=checkbox]{outline: none;}



form .error{color: #ff0000;}

input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, textarea:focus{ border-color: #01DFF5; color: rgb(0, 0, 0);}





.ingresa .tml .tml-error{ line-height: 2rem; color:#333}
.ingresa .tml .tml-errors{margin-top: 20px;}
.ingresa .tml p{font-size: .9rem;}








*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color: rgb(255, 255, 255);
}

.logo_container{
    margin: 50px 0;
    
    text-align: center;
}
.logo_login{
    max-width: 250px;  
}

.buttons{
    display: flex;
    justify-content: space-between;
}


.login{
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.ingresa{
    border: 1px solid #37DFF5;
    border-radius: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 40px;
    margin: 0 10px 10px 10px;
    max-width: 400px;
    box-shadow: 8px 13px 44px -6px #DFDBF7;
    
}




form .tml-log-wrap{
    display: flex;
    flex-direction: column;
    text-align: left;

    margin-top: 25px;
    
}

form .tml-pwd-wrap{
    display: flex;
    flex-direction: column;
    text-align: left;

    margin-top: 25px;
    
}

form .tml-pwd-wrap input{
    margin-top: 10px;
}

form .tml-log-wrap input{
    margin-top: 10px;
}


.buttons a{
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #37DFF5;
    color: #37DFF5;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 12px;
    transition: ease 0.5s;
}

.buttons a:hover{
    color: #FFFFFF;
    background-color: #37DFF5;
}

form .tml-rememberme-wrap{
    margin: 15px 0;
    text-align: left;
}

.tml-button{
    text-decoration: none;
    background-color: #37DFF5;
    color: #ffffff;
    font-size: 20px;
    padding: 7px 20px;
    border-radius: 12px;
    transition: ease 0.5s;
    border: none;
}

.linksO{
    margin: 20px 0 0 0 ;
    
   
}

.fondo{
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100vh;
}


/*
body{
    background: linear-gradient(-60deg,
                #89743B 0, #89743B  30%,
                #2A3442 0, #2A3442 60%,
                black 0, black);
    background-repeat: no-repeat;
   
}

.Logo-img{
    width: 200px;
    margin: 40px 0 0 90px; 
}

.separador{
    background-color: #5549E7;
    height: 5px;
    margin: 10px 4%;
}

.ingresa{
    background: rgba(83, 106, 232, 0.7);
    backdrop-filter: blur(20px);
    max-width: 615px;
    width: 100%;
    border-radius: 27px;
    margin: 5% 4%;
}

form{
    display: flex;
    flex-direction: column;
    margin: 7%;
}

.buttons{
    text-align: center;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    margin: 0 20%;
}


.ingresar{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    border: none;
    background-color: transparent;
}
.ingresa a:hover{
    color:white;
}

.registrate{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    border: none;
    background-color: transparent;
}


.input {
    border: 1px solid #FFFFFF;
    margin: 10px 0 ;
    background-color: transparent;
    border: 1.5px solid #FFFFFF;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 13px;
    padding: 10px;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 400;
    color: #FFFFFF;
}


.input::placeholder {
    color: #d1d1d1;
}

.submit{
    background: #2F82EF;
    border-radius: 15px;
    border: none;
    margin:  0 18%;
    padding: 15px 0 ;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 30px;
}

.forgot{
    font-size: 16px;
    color: #FFFFFF;
    font-family: 'Inter';
    text-decoration: none;
 
   
}

.linksO{
    text-align: center;
    padding-bottom: 40px;
}

.login{
    display: flex;
}

h1{
    font-family: 'Inter';
    color: #FFFFFF;
    font-weight: 500;
    font-size: 200%;
    margin: 11% 0 2% 0;
}

p{
    font-family: 'Inter';
    color: #FFFFFF;
    font-size: 20px;
}

ul{
    font-family: 'Inter';
    color: #FFFFFF;
    font-size: 100%;
    margin: 15px 0;
    line-height: 54px;
}

.text{
    margin: 0 4%;
}



.footer{
    background-color: #151515;
position: relative;
bottom: 0;
}

.footer-t{
    font-family: 'inter';
font-style: normal;
font-weight: 500;
font-size: 32px;
color: #FFFFFF;
text-align: center;
padding:50px 0px 50px 0px;
}

.line{
    text-align: center;
    border: 1px solid #FFFFFF;
   
    width: 100%;
}

.footer-p{
    padding:50px 0px 50px 0px;
    font-family: 'inter';
font-style: normal;
font-weight: 500;
font-size: 15px;
text-align: center;
color: #FFFFFF;
}

.bottom{
    margin-bottom: 50px;
}

*/