@keyframes loginShow{0%{opacity:0}to{opacity:1}}.auth-section{flex-direction:column;justify-content:flex-start;align-items:stretch;text-decoration:none;min-height:100vh;position:relative;animation:loginShow 1s linear;background:#fafafa}.auth-section,.auth-section-content{display:flex;text-align:center;width:100%}.auth-section-content{flex-direction:row;justify-content:center;align-items:center;flex:1}.auth-section h1,.auth-section h2,.auth-section h3,.auth-section h4,.auth-section h5,.auth-section h6,.auth-section p{color:#000000}@media (max-width:900px){.auth-section-content{flex-direction:column}}.logo-login{width:8%;margin-bottom:1rem;position:absolute;top:1rem;right:0}.login-left-side{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;height:100%;position:relative;animation:loginShow 1s linear;transition:all .3s ease-in-out;padding:1rem}@media (max-width:1400px){.login-left-side{width:30%}.login-left-side img{width:200px}}@media (max-width:960px){.login-left-side{width:100%}}.login-side-background-container{background-size:cover;background-repeat:no-repeat;border-radius:.5rem;overflow:hidden;height:100%;width:100%}.login-side-background{width:100%}@media (max-width:900px){.login-side-background{height:100%}}.sidenav-logo{filter:invert(1)}.left-side{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;height:100%;position:relative;transition:all .3s ease-in-out;padding:40px;@media (max-width:1400px){width:100%;img{width:auto;height:100vh}}@media (max-width:960px){width:100%}}.left-side-image-container{position:relative;height:100%;width:100%;border-radius:5px;overflow:hidden;background-size:cover;background-position:50%}.right-side{width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;text-align:right;text-decoration:none;height:100%;position:relative;animation:loginShow 1s linear;padding:40px;&>.right-side-title{&>h1{font-size:4rem;font-weight:700;@media (max-width:1400px){font-size:3rem}@media (max-width:960px){font-size:2rem}}&>p{font-weight:400;margin-bottom:20px;@media (max-width:1400px){font-size:1rem}@media (max-width:960px){font-size:.8rem}}&>span{font-size:1.5rem;font-weight:400;margin-bottom:20px;color:white;@media (max-width:1400px){font-size:1.2rem}@media (max-width:960px){font-size:1rem}}}@media (max-width:1400px){width:100%}@media (max-width:960px){width:100%}}.flex-botones{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;&>.btn{width:100%;border-radius:5px;border:none;background:linear-gradient(145deg,#0C0C1F,#21215E);background-color:#070a1b;color:white;box-shadow:0 2px 4px 0 rgba(0,0,0,.13),0 1px 1px 0 rgba(0,0,0,.11);font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s ease-in-out}&>.btn:hover{background:#0066ff;color:#ffffff}}.legacy-users-banner{width:100%;background-color:#fef3c7;border-bottom:2px solid #f59e0b;padding:1rem;position:relative;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}.legacy-users-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.75rem;justify-content:center;flex-wrap:wrap}.legacy-users-banner-icon{font-size:1.25rem;flex-shrink:0}.legacy-users-banner-text{margin:0;color:#92400e;font-size:.95rem;font-weight:500;line-height:1.5;text-align:center}.legacy-users-banner-link{color:#d97706;text-decoration:underline;font-weight:600;transition:color .2s ease}.legacy-users-banner-link:hover{color:#b45309;text-decoration:underline}.legacy-users-banner-link:focus{outline:2px solid #f59e0b;outline-offset:2px;border-radius:2px}@media (max-width:768px){.legacy-users-banner{padding:.875rem 1rem}.legacy-users-banner-text{font-size:.875rem}.legacy-users-banner-icon{font-size:1.125rem}}@media (max-width:480px){.legacy-users-banner{padding:.75rem .875rem}.legacy-users-banner-text{font-size:.8rem;line-height:1.4}.legacy-users-banner-content{gap:.5rem}}