body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-login,.btn-logout,.btn-perfil,.btn-register{background-color:initial;border:1px solid #fff;color:#fff;font-size:.8rem;font-weight:400;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase;transition:all .3s ease}.btn-login:hover,.btn-logout:hover,.btn-perfil:hover,.btn-register:hover{background-color:#fff;color:#2b2b2b}.session-name{color:#ddd;font-size:.8rem;font-weight:300;letter-spacing:.05em}@tailwind base;@tailwind components;@tailwind utilities;@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .6s ease-out forwards}body{background-color:#f5f5f5;color:#1e1e1e;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;min-height:100vh}.header,body{display:flex;flex-direction:column}.header{align-items:center;background-color:#2b2b2b;padding:10px}.logo{height:80px;max-width:1000px}.title{color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:300;letter-spacing:.05em;margin:0;padding:10px}.main{background-position:50%;background-size:cover;color:#000;padding:20px;text-align:center}.welcome-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;margin:0 auto;max-width:1000px;padding:30px}.subtitle{background-color:initial;box-shadow:none;color:#1e1e1e;font-family:Playfair Display,Georgia,serif;font-size:28px;margin-bottom:20px;padding:0}.content-box{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.computer{max-width:90%;width:250px}.text-box{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;color:#444;font-size:16px;line-height:1.7;max-width:500px;padding:25px;text-align:left}.footer{background:#2b2b2b;color:#fff;font-size:13px;letter-spacing:.05em;margin-top:auto;padding:20px;text-align:center}.footer .socials{margin-top:10px}.footer .socials a{color:#fff;font-size:20px;margin:0 10px;text-decoration:none;transition:opacity .3s ease}.footer .socials a:hover{filter:none;opacity:.7;text-shadow:none;transform:none}.counter{background-color:#2b2b2b;color:#fff;display:inline-block;font-size:24px;margin-bottom:10px;padding:5px 10px}.computer{height:auto;max-width:100%;width:450px}.icono{height:40px;object-fit:contain;width:40px}.icono:hover{transform:scale(1.1);transition:transform .2s ease-in-out}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main,.subtitle,.text-box{animation:fadeInUp .6s ease forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-out}.App{display:flex;flex-direction:column;min-height:100vh}.main-page,main{display:flex;flex:1 1;flex-direction:column}.page-content{flex:1 1;padding:20px}.logo-left{order:0}.logo-right{order:2}.title{order:1;text-align:center}@media (max-width:768px){.logo{height:50px;max-width:60px}.title{font-size:14px;padding:5px}.logo-left,.logo-right{height:50px}.text-box{padding:15px}.content-box{flex-direction:column}.computer{margin-bottom:15px;margin-right:0}}@keyframes highlight{0%{box-shadow:0 0 0 #2e5f6e33}50%{box-shadow:0 0 12px #2e5f6eb3}to{box-shadow:0 0 0 #2e5f6e33}}.highlight{animation:highlight 1s ease-in-out 2;border:2px solid #2e5f6e;border-radius:.75rem}.input-vacio{border:2px solid #e74c3c!important;box-shadow:0 0 5px #e74c3c80}.login-page{background:#f5f5f5;display:flex;font-family:Inter,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.login-left{align-items:center;background:#2b2b2b;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.logo-container{text-align:center}.logo{height:auto;margin-bottom:1rem;width:120px}.logo-container h1{font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:300;letter-spacing:.05em;margin-bottom:.5rem}.subtitle{color:#ddd;font-size:1rem;font-weight:400}.tagline{color:#aaa;font-size:.9rem;font-style:italic;margin-top:1rem}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center}.login-form,.login-right{background:#fff;padding:2rem}.login-form{border-radius:0;box-shadow:0 1px 4px #00000014;max-width:400px;width:100%}.login-form h2{color:#1e1e1e;font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}.form-group label{color:#1e1e1e;display:block;font-size:.85rem;font-weight:500;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.form-group input{border:1px solid #e0e0e0;border-radius:3px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#2e5f6e;box-shadow:0 0 0 2px #2e5f6e26;outline:none}.password-container,.password-input-container{position:relative}.password-toggle-icon{color:#6b6b6b;cursor:pointer;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.forgot-password{color:#2e5f6e;cursor:pointer;display:block;font-size:.85rem;margin-top:-.5rem;text-align:right;text-decoration:none}.forgot-password:hover{text-decoration:underline}.button-container{display:flex;flex-direction:column;gap:.5rem}.button-container button{background:#1a3d4f;border:2px solid #0000;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.05em;padding:.75rem;text-transform:uppercase;transition:all .3s ease}.button-container button:hover{background:#2b2b2b;border-color:#2b2b2b}.error-message{color:#c0392b;font-size:.9rem;font-weight:500;margin-top:1rem;text-align:center}.splash-screen{align-items:center;animation:fadeIn .5s ease-in-out;background-color:#2b2b2b;display:flex;flex-direction:column;height:100vh;justify-content:center;z-index:9999}.splash-logo{height:auto;margin-bottom:20px;width:160px}.splash-text{color:#fff;font-size:1.2rem;font-weight:300;letter-spacing:.1em}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.input-responsive{border:1px solid #e0e0e0;border-radius:3px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.input-responsive:focus{border-color:#2e5f6e;box-shadow:0 0 0 2px #2e5f6e26;outline:none}.btn-login-submit{background-color:#1a3d4f;border:none;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.05em;padding:.75rem;text-transform:uppercase;transition:background-color .3s ease}.btn-login-submit:hover{background-color:#2b2b2b}.input{border:1px solid #e0e0e0;border-radius:3px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.input:focus{border-color:#2e5f6e;box-shadow:0 0 0 2px #2e5f6e26;outline:none}@media (max-width:768px){.login-page{flex-direction:column;height:auto}.login-left,.login-right{flex:none;width:100%}.login-form{margin-top:2rem}.logo{width:90px}.logo-container h1{font-size:1.5rem}.subtitle,.tagline{font-size:.95rem}}
/*# sourceMappingURL=main.a00c7530.css.map*/