@keyframes slide-in{0%{opacity:0;transform:translateY(0) translate(10%)}to{opacity:1;transform:translateY(0) translate(0)}}:root{--bg-color-light: #f9fafb;--text-color-light: #2e2e2e;--bg-color-dark: #2e2e2e;--text-color-dark: #f9fafb;--bg-color: var(--bg-color-light);--text-color: var(--text-color-light);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#f26d36;color:var(background-color)}button{cursor:pointer}button:active{transition:all .2s ease;transform:scale(1.05)}body{margin:0;display:flex;place-items:start;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:all .5s ease}body.dark-mode{--bg-color: var(--bg-color-dark);--text-color: var(--text-color-dark)}.darkmode-toggle{background-color:var(--bg-color);border:1px solid #f26d36;border-radius:5px;padding:5px 10px}.darkmode-toggle p{padding:0;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.card{padding:2em}#app{width:100%;margin:0 auto;text-align:center;--bg-color: var(--bg-color)}.container{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:440px;height:100%;width:100%;font-family:Bricolage Grotesque,sans-serif;transition:all .5s ease;overflow:hidden}.header{position:relative;top:0;left:0;color:var(--text-color-dark);width:100vw;padding:10px 0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.topbar .portinos-logo{padding-top:5px;transition:all .2s ease-in-out}.topbar .portinos-logo:active{transform:scale(1.2)}.topbar .portinos-logo:hover{scale:1.1}.darkmode-toggle{cursor:pointer}.darkmode-toggle:active{transform:scale(1.1)}.header .title{display:block;margin:0 auto;text-decoration:none;color:var(--text-dark);width:fit-content;transition:all .2s ease}.header .title:hover{filter:brightness(1.2);transform:rotate(-2deg)}.header .title:active{transform:scale(1.05)}h1{font-weight:800;padding:.5rem 1rem;font-size:2rem;text-align:center;width:fit-content;background-color:#f26d36;margin:0 auto;border-radius:.5rem}h2{font-size:.8rem;font-weight:400;text-align:center;margin:0 auto;color:var(--text-color);padding-top:.2rem}.main{width:auto;min-width:400px;height:auto;padding:0 20px 20px;border-radius:10px;max-width:1385px}.main-results{width:100%}.filters-bar{width:99%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden;color:var(--text-color)}.filters-bar>div{display:flex;flex-direction:row;align-items:center;gap:.7rem;padding:.5rem 1.7rem 0 21px}.filters-bar div p{padding:0 .2rem;cursor:pointer;text-transform:capitalize;transition:all .2s ease}.filters-bar div p:hover{text-decoration:underline;text-decoration-color:#f26d36;text-underline-offset:5px}.filters-bar div p:active{transition:all .2s ease;transform:scale(1.1)}.centered-form{display:flex;flex:1;justify-content:center;align-items:end;height:100%;padding-bottom:20px}.disk-select{padding:.5rem 16px;border-radius:5px;background-color:var(--bg-color);color:var(--text-color);font-family:Bricolage Grotesque,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize;border:0;outline:1px solid;border-right:10px solid transparent}.disk-select:focus{border:0;outline:2px solid #f26d36;border-right:10px solid transparent}.formulario-horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;max-width:400px}.input-container{position:relative;display:flex;align-items:center;justify-content:center}.search-icon{position:absolute;left:10px;width:20px;height:20px;opacity:.6}.formulario-horizontal .input-container{flex:1}input{padding:10px 10px 10px 40px;border:1px solid #ccc;border-radius:5px;background-color:#fff;color:#2e2e2e;margin-right:10px;width:200px;font-family:Bricolage Grotesque,sans-serif}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 100px #f9fafb inset;color:#2e2e2e!important;-webkit-text-fill-color:#2e2e2e!important}input:focus{outline:1px solid #f26d36;border:1px solid #f26d36}.formulario-horizontal .submit{font-weight:800;background-color:#f26d36;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.submit:hover{cursor:pointer;filter:brightness(1.2)}.clear-button:disabled{background-color:#ccc;cursor:not-allowed;border:none;color:#fff;padding:10px;font-family:Bricolage Grotesque,sans-serif;font-weight:600}.clear-button:disabled:hover{filter:none;background-color:#ccc}.clear-button:disabled:active{filter:none;background-color:#ccc;transform:scale(1)}.clear-button{max-width:55px;padding:10px;background-color:var(--bg-color);color:#f44336;border:1px solid #f44336;cursor:pointer;border-radius:4px;font-family:Bricolage Grotesque,sans-serif;font-weight:600;transition:all .2s ease}.clear-button:hover{background-color:#f44336;color:#f9fafb;filter:brightness(1.2)}.resultado{margin-top:20px;color:#2e2e2e}.resultado h2{font-size:1.5rem;color:var(--text-color);margin:10px;font-weight:500}.resultado h2 span{text-transform:capitalize;font-weight:800}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;color:#333;padding:20px 20px 40px}.project-card{background-color:var(--bg-color);padding:15px 25px;border:1px solid #ddd;border-radius:10px;box-shadow:0 1px 3px #0000001a;text-align:left;max-width:390px;position:relative}.project-card div{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:var(--text-color);font-weight:400}.project-card strong{font-weight:700}.project-card div p{display:inline-block;margin:0;word-break:break-all}.project-info{padding:2px 7px;border-radius:5px;background-color:#17bebb}.disks-title{font-size:1.5rem;color:var(--text-color);font-weight:500;text-align:center;margin:0 auto;padding:10px}.disks-title span{text-transform:capitalize;font-weight:800}.projects-by-disk-container{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;color:#333;padding:20px 0 50px}.projects-by-disk{display:unset;padding:0}.projects-by-disk .copied-message{color:var(--text-color-dark)}.projects-by-disk-card{position:relative;max-width:290px;border-radius:10px;padding:20px;border:1px solid #ddd;margin:5px;display:flex;flex-direction:column;justify-content:center;gap:5px}.projects-by-disk-card div{text-align:left;color:var(--text-color)}.projects-by-disk-card span{margin-left:5px;color:var(--text-color)}.path-container{white-space:nowrap;overflow:hidden;max-width:360px;text-overflow:ellipsis}.project-card:hover,.projects-by-disk-card:hover{transition:all .2s ease-in-out;cursor:pointer;box-shadow:inset 0 2px 2px #0000001a}.project-card,.projects-by-disk-card{overflow:hidden}.notfound{font-weight:700;font-size:1.3rem;color:var(--text-color);text-align:center;margin-top:20px;padding-bottom:50px}.notfound span{text-transform:capitalize}.copy-container{position:absolute;display:inline-block;top:5px;right:37px}.project-card .copy-container{top:22px;right:38px}.copy-icon{padding:7px;position:absolute;border-radius:20%;background-color:#ccc;filter:brightness(.95);transition:all .2s ease;transform:translate(25px);opacity:0}.copy-icon:hover{filter:brightness(1.07)}.copied-message{position:absolute;top:60%;right:5px;transform:translateY(-50%) translate(0);background-color:#4caf50;color:var(--text-color-dark);padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:1;animation:slide-in .3s forwards}.project-card .copied-message{top:-15px}.project-card:hover .copy-icon,.projects-by-disk-card:hover .copy-icon{transform:translate(0);opacity:1;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#2e2e2e;padding:15px;border-radius:8px;width:400px;text-align:center;border:1px solid #f44336;color:#fafafa;position:relative}.modal h2{font-size:17px;font-weight:700;text-decoration:underline;margin-bottom:10px;color:#fafafa}.modal p{margin:0 0 5px;word-wrap:break-word}.modal p strong{font-size:14px;text-decoration:underline}.modal h3{font-size:16px;text-decoration:underline}.modal ul{list-style:none;padding:0 10px}.modal .close-button{font-family:Bricolage Grotesque,sans-serif;font-weight:600;padding:5px 10px;background-color:#f26d36;color:#fff;border:none;border-radius:4px;cursor:pointer;position:absolute;top:5px;right:5px}.modal button:hover{filter:brightness(1.2)}.modal .copy-container{position:unset}.modal .copy-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;margin:10px 0 0;background-color:var(--bg-color);color:#fafafa;border:1px solid #f26d36;border-radius:5px;font-family:Bricolage Grotesque,sans-serif;font-weight:500}.modal .copy-icon{padding:0;margin:0;opacity:1;cursor:pointer;background:none;position:relative;right:25px}.modal .copy-icon{filter:invert(1)}.modal .copied-message{top:88.85%;right:100px;height:fit-content}.footer{margin-top:0;padding:5px;background-color:#f26d36;color:#fff;width:100%;text-align:center;position:fixed;bottom:0;left:0;font-weight:500}.loader-container{margin:10px 0}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.grid-container,.projects-by-disk-container{padding:0 10px 40px;grid-template-columns:repeat(2,1fr)}.filters-bar{margin-top:10px}.filters-bar>div{padding:.1rem 10px;margin-left:2px}.formulario-horizontal{margin:0;max-width:100%}.projects-by-disk{display:unset;padding:0}.projects-by-disk-card{max-width:350px;min-height:95px}.copy-icon{opacity:1;transform:unset}.modal .copy-icon{right:0}}@media (max-width: 768px){.topbar{padding:0 10px}.filters-bar{flex-direction:column;gap:10px}.filters-bar>div{padding:.1rem 10px;place-self:center}.filters-bar input{width:auto}.disk-select{margin-left:15px}.main{min-width:320px;padding:0 10px 10px}.formulario-horizontal{max-width:340px;margin:0 20px;gap:5px}.formulario-horizontal .submit{margin-left:3px}.formulario-horizontal .input-container input::placeholder{font-size:.8rem}.project-card,.projects-by-disk-card{max-width:330px;width:-webkit-fill-available}.grid-container,.projects-by-disk-container{padding:10px 10px 40px;grid-template-columns:1fr}.copy-icon{opacity:1;transform:unset}.modal{max-width:320px}.modal .copy-icon{right:0}.modal .copied-message{right:70px}}@media (max-width: 400px){.disk-select{margin-left:0}.filters-bar input{width:130px}.filters-bar .input-container input::placeholder{font-size:.7rem}.formulario-horizontal{margin:0}.projects-by-disk-card{max-width:300px;width:-webkit-fill-available}.modal .copy-icon{right:0}.modal .copied-message{right:70px}}.login-container[data-v-17299df0]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/assets/sala-BHrpUwWo.jpg);font-family:Bricolage Grotesque,sans-serif}.login-card[data-v-17299df0]{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:40px;width:100%;max-width:400px;text-align:center}.login-logo[data-v-17299df0]{width:80px;height:80px;margin-bottom:20px}h1[data-v-17299df0]{color:#fff;margin-bottom:16px}.login-description[data-v-17299df0]{color:#666;margin-bottom:30px}.login-buttons[data-v-17299df0]{display:flex;flex-direction:column;gap:16px}.login-button[data-v-17299df0]{display:flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.microsoft-button[data-v-17299df0]{background-color:#2f2f2f;color:#fff}.microsoft-button[data-v-17299df0]:hover{background-color:#1e1e1e}.ms-logo[data-v-17299df0]{width:20px;height:20px;margin-right:12px}.error-message[data-v-17299df0]{color:#e53935;margin-top:20px;padding:10px;background-color:#e539351a;border-radius:4px}body.dark-mode .login-container[data-v-17299df0]{background-color:#121212}body.dark-mode .login-card[data-v-17299df0]{background-color:#1e1e1e}body.dark-mode h1[data-v-17299df0]{color:#e0e0e0}body.dark-mode .login-description[data-v-17299df0]{color:#b0b0b0}.user-menu[data-v-768c2d75]{display:flex;align-items:center;gap:12px;color:var(--text-color)}.user-profile[data-v-768c2d75]{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;padding:6px 10px;border-radius:20px;transition:background-color .2s}.user-profile[data-v-768c2d75]:hover{background-color:#0000000d}body.dark-mode .user-profile[data-v-768c2d75]:hover{background-color:#ffffff1a}.user-avatar[data-v-768c2d75]{width:32px;height:32px;border-radius:50%;background-color:#2f72e4;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:500}.user-name[data-v-768c2d75]{font-size:14px;font-weight:500}.dropdown-arrow[data-v-768c2d75]{font-size:10px;color:#666}.dropdown-menu[data-v-768c2d75]{position:absolute;top:45px;right:0;background-color:#fff;box-shadow:0 4px 12px #00000026;min-width:200px;border-radius:8px;z-index:100}body.dark-mode .dropdown-menu[data-v-768c2d75]{background-color:#2a2a2a;box-shadow:0 4px 12px #0000004d}.dropdown-user-info[data-v-768c2d75]{padding:16px;display:flex;align-items:center;gap:12px}.dropdown-avatar[data-v-768c2d75]{width:40px;height:40px;border-radius:50%;background-color:#2f72e4;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:16px}.dropdown-full-name[data-v-768c2d75]{font-weight:500;font-size:14px}.dropdown-email[data-v-768c2d75]{font-size:12px;color:#666}body.dark-mode .dropdown-email[data-v-768c2d75]{color:#aaa}.dropdown-divider[data-v-768c2d75]{height:1px;background-color:#eee;margin:0 16px}body.dark-mode .dropdown-divider[data-v-768c2d75]{background-color:#444}.dropdown-item[data-v-768c2d75]{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background-color .2s;border:none;background:none;width:100%;text-align:left;font-size:14px;color:var(--text-color)}.dropdown-item[data-v-768c2d75]:hover{background-color:#f5f5f5}body.dark-mode .dropdown-item[data-v-768c2d75]:hover{background-color:#333}.dropdown-icon[data-v-768c2d75]{width:16px;height:16px}