.login-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding-inline:1rem;padding-block:5.5rem 3rem;display:flex;align-items:center;justify-content:center;}@media(max-width:768px){.login-container{padding-inline:.75rem;padding-block:5rem 2rem;min-height:calc(100vh - 2rem);}}.login-wrapper{width:100%;max-width:480px;position:relative;}@media(max-width:768px){.login-wrapper{max-width:100%;}}.boton-volver{position:absolute;top:-4rem;left:0;z-index:10;}@media(max-width:768px){.boton-volver{position:relative;top:0;margin-bottom:1.5rem;}}.boton-volver a{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);}.boton-volver a:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15);}.boton-volver a .material-symbols-outlined{font-size:1.25rem;}@media(max-width:768px){.boton-volver a{padding:.625rem .875rem;font-size:.9rem;}.boton-volver a .material-symbols-outlined{font-size:1.1rem;}}.login-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;}@media(max-width:768px){.login-card{box-shadow:0 1px 8px rgba(0,0,0,.1);}}.login-header{text-align:center;padding:3rem 2.5rem 2rem 2.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;position:relative;}@media(max-width:768px){.login-header{padding:2rem 1.5rem 1.5rem 1.5rem;}}.login-header::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #764ba2;}.login-icon{margin-bottom:1rem;}.login-icon .bi{font-size:3rem;opacity:.9;}@media(max-width:768px){.login-icon .bi{font-size:2.5rem;}}.login-header h1{margin:0 0 .5rem 0;font-size:2rem;font-weight:700;}@media(max-width:768px){.login-header h1{font-size:1.5rem;}}.login-header p{margin:0;opacity:.9;font-size:1rem;}@media(max-width:768px){.login-header p{font-size:.9rem;}}.login-content{position:relative;min-height:auto;overflow:visible;}@media(max-width:768px){.login-content{min-height:auto;}}.login-step{position:relative;width:100%;opacity:0;transform:translateX(30px);transition:all .4s ease;pointer-events:none;display:none;}.login-step.active{opacity:1;transform:translateX(0);pointer-events:all;display:block;}.login-step#step-phone.active{animation:slideInLeft .4s ease forwards;}.login-step#step-password.active{animation:slideInRight .4s ease forwards;}.login-step#step-create-password.active{animation:slideInUp .4s ease forwards;}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.login-form{padding:2.5rem;}@media(max-width:768px){.login-form{padding:2rem 1.5rem;}}.form-group{margin-bottom:1.5rem;}.form-group .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:#2c3e50;font-size:.95rem;}.form-group .form-label i{color:#007bff;font-size:1rem;}@media(max-width:768px){.form-group .form-label{font-size:.9rem;}}.input-container{position:relative;}.input-container .input-personalizado{width:100%;padding:1rem 1rem;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;}@media(max-width:768px){.input-container .input-personalizado{padding:.875rem 1rem;font-size:1rem;}}.input-container .input-personalizado:focus{outline:0;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);}.input-container .input-personalizado:valid:not(:placeholder-shown){border-color:#28a745;}.input-container .input-personalizado.error{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1);}.input-container .input-personalizado.success{border-color:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,.1);}.input-container .input-personalizado::placeholder{color:#adb5bd;}@media(max-width:768px){.input-container .input-personalizado::placeholder{font-size:.95rem;}}.password-container .btn-toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:0;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;}.password-container .btn-toggle-password:hover{color:#007bff;background:rgba(0,123,255,.1);}.password-container .btn-toggle-password i{font-size:1rem;}.password-container .input-personalizado{padding-right:3rem;}.phone-display{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;border:1px solid #dee2e6;}.phone-display .phone-info{display:flex;align-items:center;gap:.75rem;flex:1;}.phone-display .phone-info i{color:#007bff;font-size:1.1rem;}.phone-display .phone-info span{font-weight:600;color:#2c3e50;font-size:1rem;}@media(max-width:768px){.phone-display .phone-info span{font-size:.95rem;}}.phone-display .btn-edit-phone{background:none;border:1px solid #dee2e6;color:#6c757d;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;}.phone-display .btn-edit-phone:hover{background:#fff;border-color:#007bff;color:#007bff;}.phone-display .btn-edit-phone i{font-size:.9rem;}.password-info{margin-bottom:1.5rem;}.password-info .info-message{display:flex;gap:1rem;padding:1.25rem;background:#beeff7;border:1px solid #7adeee;border-radius:8px;border-left:4px solid #17a2b8;}@media(max-width:768px){.password-info .info-message{gap:.75rem;padding:1rem;}}.password-info .info-message>i{color:#17a2b8;font-size:1.5rem;margin-top:.1rem;flex-shrink:0;}@media(max-width:768px){.password-info .info-message>i{font-size:1.25rem;}}.password-info .info-message .info-content h3{margin:0 0 .5rem 0;color:#0c525d;font-size:1rem;font-weight:600;}@media(max-width:768px){.password-info .info-message .info-content h3{font-size:.95rem;}}.password-info .info-message .info-content p{margin:0;color:#0e6674;font-size:.9rem;line-height:1.4;}@media(max-width:768px){.password-info .info-message .info-content p{font-size:.85rem;}}.password-requirements{margin-bottom:1.5rem;padding:1rem;background:#cbf2f9;border:1px solid #90e4f1;border-radius:8px;border-left:4px solid #17a2b8;}@media(max-width:768px){.password-requirements{padding:.875rem;margin-bottom:1.25rem;}}.password-requirements .requirements-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:#0e6674;font-size:.9rem;}.password-requirements .requirements-title i{color:#17a2b8;font-size:1rem;}@media(max-width:768px){.password-requirements .requirements-title{font-size:.85rem;margin-bottom:.625rem;}}.password-requirements .requirements-list{list-style:none;padding:0;margin:0;}.password-requirements .requirements-list li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem;color:#6c757d;transition:all .3s ease;}@media(max-width:768px){.password-requirements .requirements-list li{font-size:.8rem;}}.password-requirements .requirements-list li::before{content:"";width:16px;height:16px;border:2px solid #dee2e6;border-radius:50%;flex-shrink:0;transition:all .3s ease;}.password-requirements .requirements-list li.valid{color:#28a745;font-weight:500;}.password-requirements .requirements-list li.valid::before{background:#28a745;border-color:#28a745;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:10px;}.password-requirements .requirements-list li.invalid{color:#dc3545;}.password-requirements .requirements-list li.invalid::before{border-color:#dc3545;background:#fff;}.input-validation{margin-top:.5rem;min-height:1.25rem;}.input-validation .field-validation-error{display:block;color:#dc3545;font-size:.85rem;font-weight:500;}@media(max-width:768px){.input-validation .field-validation-error{font-size:.8rem;}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;}@media(max-width:768px){.form-actions{flex-direction:column-reverse;gap:.75rem;}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:2px solid;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;min-width:140px;position:relative;}@media(max-width:768px){.btn-primary,.btn-secondary{padding:1rem 1.5rem;min-width:100%;font-size:1rem;}}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;}.btn-primary i,.btn-secondary i{font-size:1rem;}.btn-primary{background:#007bff;border-color:#007bff;color:#fff;}.btn-primary:hover:not(:disabled){background:#0062cc;border-color:#0062cc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.3);}@media(max-width:768px){.btn-primary:hover:not(:disabled){transform:none;box-shadow:0 2px 8px rgba(0,123,255,.3);}}.btn-primary:active{transform:translateY(0);}.btn-secondary{background:transparent;border-color:#6c757d;color:#6c757d;}.btn-secondary:hover:not(:disabled){background:#6c757d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(108,117,125,.3);}@media(max-width:768px){.btn-secondary:hover:not(:disabled){transform:none;box-shadow:0 2px 8px rgba(108,117,125,.3);}}.btn-loading{display:flex;align-items:center;gap:.5rem;}.btn-loading .spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.login-footer{padding:1.5rem 2.5rem 2.5rem 2.5rem;background:#f8f9fa;border-top:1px solid #dee2e6;}@media(max-width:768px){.login-footer{padding:1.25rem 1.5rem 2rem 1.5rem;}}.help-links{text-align:center;margin-bottom:1rem;}.help-links .help-link{display:inline-flex;align-items:center;gap:.5rem;color:#007bff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;}.help-links .help-link:hover{color:#0056b2;text-decoration:underline;}.help-links .help-link i{font-size:1rem;}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d;font-size:.8rem;}@media(max-width:768px){.security-note{font-size:.75rem;}}.security-note i{color:#28a745;font-size:.9rem;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.login-card{animation:fadeInUp .6s ease forwards;}.form-group:focus-within .form-label{color:#007bff;}@media(prefers-contrast:high){.login-card{border:2px solid #000;}.input-personalizado{border-width:2px;}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}