@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Anton&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Anek+Kannada:wght@100..800&family=Anton&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-image:url("imgs/03_Elementos_gráficos/PNG/Recurso 2.png");justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}.change-pass{color:#111;font-size:smaller;font-weight:100}.change-pass:hover{color:#ff9000}#token-modal{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}#token-modal-content{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:2rem;animation:.3s scaleIn;position:relative;box-shadow:0 10px 25px #0003}#token-modal-content input[type=text]{border:1px solid #ccc;border-radius:8px;width:100%;margin:1rem 0;padding:.75rem;font-size:1rem}.btn-log-modal{color:#fff;cursor:pointer;background-color:#ff9000;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s}.btn-log-modal:hover{background-color:#bd700c}#token-modal-content span{color:#ff9000;margin-top:10px;font-size:.9rem;font-weight:200;display:block}#close-token-modal{cursor:pointer;color:#333;background:0 0;border:none;font-size:1.5rem;font-weight:200;position:absolute;top:2px;right:10px}#close-token-modal:hover{color:#ff9000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.custom-modal-token{z-index:1000;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.custom-modal-content-token{text-align:center;background-color:#fefefe;border:1px solid #888;border-radius:10px;width:80%;max-width:400px;margin:15% auto;padding:20px}.error-message{color:#ff7300;margin-top:10px;font-size:14px}.custom-modal{z-index:1000;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.custom-modal-content{text-align:center;background-color:#fefefe;border:1px solid #888;width:80%;max-width:400px;margin:15% auto;padding:20px}.custom-close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700}.custom-close:hover,.custom-close:focus{color:#000;cursor:pointer;text-decoration:none}.modal{z-index:500;background-color:#00000080;width:100%;height:100%;display:none;position:relative;top:0;left:0;overflow:auto}.modal-content{text-align:center;background-color:#fefefe;border:1px solid #888;width:100%;max-width:900px;padding:20px}.close-login{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:400;position:absolute;top:0;left:490px}.close-login:hover,.close-login:focus{color:#000;cursor:pointer;text-decoration:none}.close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}.container{background:#fff;border-radius:15px;width:70vw;height:80vh;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,0 6px 20px #0000004d}.container:before{content:"";z-index:6;background:linear-gradient(-45deg,#ff9000,#583302);width:100%;height:100%;transition:all 1s ease-in-out;position:absolute;top:0;left:-50%;transform:translate(100%)}.signin-signup{z-index:5;justify-content:space-around;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}form{flex-direction:column;justify-content:center;align-items:center;width:40%;min-width:238px;padding:0 10px;display:flex}form.sign-in-form{opacity:1;transition:all .5s ease-in-out 1s}form.sign-up-form{opacity:0;transition:all .5s ease-in-out 1s}.title{color:#111;margin-bottom:10px;font-size:35px}.input-field{background:#f0f0f0;border:2px solid #ff9000;border-radius:50px;align-items:center;width:100%;height:50px;margin:10px 0;display:flex}.input-field i{text-align:center;color:#ff9000;flex:1;font-size:18px}.input-field input{color:#111;background:0 0;border:none;outline:none;flex:5;width:100%;font-size:15px;font-weight:200}.btn{color:#fff;text-transform:uppercase;cursor:pointer;background:#ff9000;border:none;border-radius:50px;width:150px;height:50px;margin:10px 0;font-weight:600}.btn:hover{background:#c57308}.social-text{margin:10px 0;font-size:16px}.social-media{justify-content:center;display:flex}.social-icon{color:#444;border:1px solid #444;border-radius:50px;justify-content:center;align-items:center;width:45px;height:45px;margin:0 5px;display:flex}a{text-decoration:none}.social-icon:hover{color:#ff9000;border-color:#ff9000}.panels-container{justify-content:space-around;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.panel{text-align:center;z-index:6;flex-direction:column;justify-content:space-around;align-items:center;width:35%;min-width:238px;padding:0 10px;display:flex}.left-panel{pointer-events:none}.content{color:#fff;transition:all 1.1s ease-in-out .5s}.panel h3{font-size:24px;font-weight:600}.panel p{padding:10px;font-size:15px}.image{width:100%;transition:all 1.1s ease-in-out .4s}.left-panel .image,.left-panel .content{transform:translate(-500%)}.right-panel .image,.right-panel .content{transform:translate(0)}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none}input[type=password]::-webkit-reveal{display:none}input:focus,input:focus-visible,input:focus-within{box-shadow:none!important;border:none!important;outline:none!important}input:-webkit-autofill:focus{box-shadow:none!important;border:none!important;outline:none!important}input{box-shadow:none!important;outline:none!important}input:focus{box-shadow:none!important;border:none!important;outline:none!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#000!important;box-shadow:none!important;border:none!important;outline:none!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#000!important;box-shadow:none!important;border:none!important;outline:none!important}.container.sign-up-mode:before{transform:translate(0)}.container.sign-up-mode .right-panel .image,.container.sign-up-mode .right-panel .content{transform:translate(400%)}.container.sign-up-mode .left-panel .image,.container.sign-up-mode .left-panel .content{transform:translate(0)}.container.sign-up-mode form.sign-in-form{opacity:0}.container.sign-up-mode form.sign-up-form{opacity:1}.container.sign-up-mode .right-panel{pointer-events:none}.container.sign-up-mode .left-panel{pointer-events:all}@media (width<=900px){html,body{height:auto;min-height:100%;overflow-y:auto}.title{padding-top:15px;font-size:30px}.container:before{display:none}.container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:90%;height:820px;min-height:100%;padding:20px 0;display:flex}.signin-signup{justify-content:center;align-items:center;width:100%;display:grid;position:relative}form{width:100%}form.sign-in-form{opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:none;display:flex}form.sign-up-form{opacity:1;transition:none}.panels-container{display:none}}@media (width<=344px) and (height<=882px){.title{margin-bottom:2px;font-size:22px}.input-field{height:30px}.btn{color:#fff;text-transform:uppercase;cursor:pointer;background:#ff9000;border:none;border-radius:50px;width:150px;height:35px;margin:10px 0;font-weight:600}}@media (width>=350px){.title{margin-bottom:2px;font-size:22px}.input-field{height:30px}.btn{color:#fff;text-transform:uppercase;cursor:pointer;background:#ff9000;border:none;border-radius:50px;width:150px;height:35px;margin:10px 0;font-weight:600}}@media (width>=400px){.input-field{height:40px}}