body,html{height:100%;margin:0;font-family:Montserrat,sans-serif;overflow-x:hidden}.login-container{flex-wrap:wrap;width:100%;min-height:100vh;display:flex}.login-info{color:#fff;text-align:center;background-color:#508232;background-image:linear-gradient(#0009,#0009),url(/images/loginImagen.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:300px;padding:60px;display:flex;position:relative}.login-info h1{max-width:600px;margin-bottom:30px;font-size:42px;font-weight:300;line-height:1.2}.login-info p{max-width:500px;margin:0 auto;font-size:16px;line-height:1.6}.login-info a{color:#ffbf00;font-weight:600;text-decoration:none}.login-info a:hover{text-decoration:underline}.login-form-container{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:320px;padding:40px;display:flex;position:relative}.login-logo{max-width:250px;margin-bottom:40px}.login-title{color:#777;margin-bottom:30px;font-size:24px;font-weight:300}.login-title strong{color:#555;font-weight:700}.login-divider{color:#ccc;align-items:center;width:100%;max-width:350px;margin-bottom:30px;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #e0e0e0;flex:1}.login-divider i{color:#9cb5bd;margin:0 10px;font-size:18px}.form-group{width:100%;max-width:350px;margin-bottom:20px}.form-control{box-sizing:border-box;color:#555;border:1px solid #ddd;border-radius:4px;width:100%;padding:15px;font-family:Montserrat,sans-serif;font-size:16px}.form-control::placeholder{color:#aaa}.form-control:focus{border-color:#508232;outline:none}.btn-login{color:#fff;cursor:pointer;background-color:#508232;border:none;border-radius:4px;width:100%;max-width:350px;padding:15px 30px;font-size:16px;font-weight:600;transition:background-color .3s}.btn-login:hover{background-color:#33632f}.login-footer{color:#aaa;align-items:center;gap:5px;margin-top:50px;font-size:12px;display:flex}.login-footer-dots span{border-radius:50%;width:8px;height:8px;margin-right:2px;display:inline-block}.dot-1{background-color:#08c}.dot-2{background-color:#66ae3e}.dot-3{background-color:#e67e22}.dot-4{background-color:#c0392b}@media (max-width:768px){.login-container{flex-direction:column}.login-info{padding:40px 20px}.login-info h1{font-size:32px}}