.login{width:100%;margin:30px 0 8vw}.login .login__container{justify-content:space-between;align-items:stretch;gap:2%;width:100%;display:flex}.login .login__container .login,.login .login__container .register{background-color:#fff;flex-direction:column;width:49%;min-height:0;margin:0;padding:35px;display:flex}.login .login__container .login h3,.login .login__container .register h3{color:#000;margin:0 0 20px;font-size:24px}.login .login__container .login p,.login .login__container .register p{color:#000;margin:0 0 20px;font-size:14px}.login .login__container .login .formulario{flex-direction:column;flex:1;min-height:0;display:flex}.login .login__container .login .form-control{flex-direction:column;margin:0 0 30px;display:flex}.login .login__container .login .form-control label{color:#000;margin:0 0 4px;font-size:14px}.login .login__container .login .form-control input{border:1px solid #ddd;padding:10px 12px;font-size:14px}.login .login__container .login .form-control input:focus{outline:none}.login .login__container .login .form-control input::placeholder{color:#999}.login .login__container .login .form-control .map-error-text{flex-direction:column;display:flex}.login .login__container .login .form-control .map-error-text .text-text-error,.login .login__container .login .form-control .text-text-error{color:red;margin:2px 0 0;font-size:12px}.login .login__container .login .form-control-button{justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.login .login__container .login .form-control-button button{color:#fff;cursor:pointer;background-color:#000;border:none;padding:12px 40px;font-size:14px}.login .login__container .login .form-control-button button:hover{opacity:.8;transition:all .3s}.login .login__container .register .list-link{flex-direction:column;flex:1;justify-content:space-between;min-height:0;display:flex}.login .login__container .register .list-benefits{justify-content:space-between;align-items:stretch;gap:4%;width:100%;margin:0 0 30px;display:flex}.login .login__container .register .list-benefits li{border:1px solid #ddd;flex-direction:column;flex:48%;justify-content:center;align-items:center;min-height:90px;padding:10px;display:flex}.login .login__container .register .list-benefits li .icono{margin:0 0 5px}.login .login__container .register .list-benefits li .icono .icon{color:#000;width:30px;height:30px}.login .login__container .register .list-benefits li .text-list-benefits{color:#000;text-align:center;margin:0;font-size:12px}.login .login__container .register .cont-link-register{justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.login .login__container .register .cont-link-register .link-register{color:#fff;cursor:pointer;background-color:#000;border:none;padding:12px 40px;font-size:14px}.login .login__container .register .cont-link-register .link-register:hover{opacity:.8;transition:all .3s}@media (max-width:1024px){.login .login__container{gap:20px}.login .login__container .login,.login .login__container .register{padding:28px}.login .login__container .login h3,.login .login__container .register h3{font-size:22px}.login .login__container .login p,.login .login__container .register p{font-size:14px}}@media (max-width:768px){.login .login__container{flex-direction:column;align-items:stretch;gap:16px}.login .login__container .login,.login .login__container .register{width:100%;padding:24px}.login .login__container .register .list-benefits{gap:12px}.login .login__container .register .list-benefits li{min-height:80px}.login .login__container .register .list-benefits li .icono .icon{width:26px;height:26px}.login .login__container .register .list-benefits li .text-list-benefits{font-size:12px}}@media (max-width:576px){.login .login__container .login,.login .login__container .register{padding:18px}.login .login__container .login h3,.login .login__container .register h3{margin:0 0 14px;font-size:20px}.login .login__container .login p,.login .login__container .register p{margin:0 0 16px;font-size:13px}.login .login__container .login .form-control{margin:0 0 18px}.login .login__container .login .form-control label{font-size:13px}.login .login__container .login .form-control input{padding:10px;font-size:14px}.login .login__container .register .list-benefits{flex-direction:column;align-items:stretch;gap:10px;margin:0 0 16px}.login .login__container .register .list-benefits li{width:100%;min-height:72px}.login .login__container .register .list-benefits li .text-list-benefits{font-size:12px}.login .login__container .form-control-button button,.login .login__container .cont-link-register .link-register{text-align:center;width:100%;padding:12px 0}}