.login-container{display:flex;height:100vh;background-color:#ffffffe6;background-size:cover;background-position:center}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-image:url(/Metro-de-Medellin.jpg)}.login-left img{max-width:80%;height:auto}.login-right{flex:1;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;padding:40px}.login-wrapper{display:flex;height:100vh;flex-direction:row}.login-left-panel{flex:1;background-color:#7ac142;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.logo-img{max-width:320px;width:100%;height:auto;border-radius:10px}.login-right-panel{flex:1;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:30px}.login-card{width:100%;max-width:600px;box-shadow:0 10px 30px #7ac142;border:none}@media (max-width: 992px){.login-wrapper{flex-direction:column}.login-left-panel{flex:0 0 auto;padding:30px 20px;min-height:auto}.logo-img{max-width:200px}.login-right-panel{flex:1;padding:20px;min-height:0}.login-card{max-width:500px}}@media (max-width: 768px){.login-wrapper{flex-direction:column;height:auto;min-height:100vh}.login-left-panel{padding:24px 16px;text-align:center}.logo-img{max-width:180px}.login-right-panel{padding:24px 16px;flex:1}.login-card{max-width:100%;box-shadow:0 4px 15px #7ac1424d}}@media (max-width: 480px){.login-left-panel{padding:20px 12px}.logo-img{max-width:150px}.login-right-panel{padding:20px 12px}}