.container-otp{background-color:#e3e3e3}.otp-card{background-color:#f9f9f9;padding:2rem;border-radius:12px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:500px;margin:2rem auto;text-align:center}.otp-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.re-send{font-weight:500;color:#0056b3}.progress-bar-container{width:62%;background-color:#e0e0e0;border-radius:8px;overflow:hidden;height:5px;margin-bottom:1rem}.input-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-bar{height:100%;background-color:#2e9feb;-webkit-transition:width 1s linear;transition:width 1s linear}.description-image{max-width:100%;height:auto;margin-bottom:1.5rem}.img-estilos{max-width:300px}.otp-container{margin-bottom:2rem}.otp-container h2{font-weight:600;font-size:24px;margin-bottom:1rem}.otp-inputs{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;margin-bottom:1rem}.otp-inputs input{width:3.5rem;height:3.5rem;text-align:center;font-size:1.5rem;border:1px solid #ccc;border-radius:4px}.otp-container button{margin-top:1.5rem;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.otp-container button:hover{background-color:#0056b3}.m-icon,.text-2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.m-icon{gap:1rem}.m-icon a{font-size:2rem;color:#2a80b9}.m-icon a:hover{color:#0056b3}.text-expired{font-weight:600;color:red}a,p{font-weight:400}.button-and-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.error-message{font-weight:600;color:red}@media(max-width:768px){.otp-card{padding:1.5rem}.otp-inputs{gap:.75rem}.img-estilos{max-width:250px}.otp-inputs input{width:3rem;height:3rem;font-size:1.25rem}.otp-container h2{font-size:20px}.progress-bar-container{width:50%}}@media(max-width:480px){.otp-card{padding:1rem}.otp-inputs input{width:2.5rem;height:2.5rem;font-size:1.1rem}.otp-container h2{font-size:18px}.description-image{margin-bottom:1rem}.m-icon a{font-size:1.5rem}}