body{font-family:Poppins,sans-serif;background-color:#f8f9fa;color:#343a40;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{text-align:center;color:#212529;font-weight:700;margin-bottom:40px}.project-selector{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.project-selector select{font-family:Poppins,sans-serif;font-size:1rem;padding:10px 15px;border:1px solid #ced4da;border-radius:8px;min-width:250px}.btn{font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:11px 20px;border-radius:8px;border:none;color:#fff;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn:disabled{background-color:#adb5bd;color:#f8f9fa;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:#0077b6}.btn-primary:hover:not(:disabled){background-color:#005f9c}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-success{background-color:#2a9d8f}.btn-success:hover:not(:disabled){background-color:#268a7f}.btn-danger{background-color:#e63946}.btn-danger:hover:not(:disabled){background-color:#c12c38}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;color:#aaa;cursor:pointer;line-height:1}.modal-close-btn:hover{color:#333}#task-form .form-group{margin-bottom:20px}#task-form label{display:block;font-weight:500;margin-bottom:8px;color:#495057}#task-form input[type=text],#task-form textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;box-sizing:border-box}.modal-save-btn{width:100%;padding:12px;border:none;border-radius:8px;background-color:#0077b6;color:#fff;font-size:1.1rem;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:background-color .2s}.modal-save-btn:hover{background-color:#005f9c}.tags-checkbox-container{display:flex;flex-wrap:wrap;gap:10px}.tag-checkbox{display:flex;align-items:center}.tag-checkbox input[type=checkbox]{display:none}.tag-checkbox label{padding:5px 12px;border:1px solid #ced4da;border-radius:16px;cursor:pointer;transition:all .2s ease-in-out}.tag-checkbox input[type=checkbox]:checked+label{background-color:#0077b6;color:#fff;border-color:#0077b6}#user-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px}#user-greeting{font-weight:500;color:#495057}#login-btn,#logout-btn{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;padding:8px 18px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s,transform .2s}#login-btn{background-color:#0077b6;color:#fff}#login-btn:hover{background-color:#005f9c;transform:translateY(-2px)}#logout-btn{background-color:#6c757d;color:#fff}#logout-btn:hover{background-color:#5a6268;transform:translateY(-2px)}#tutorialBtn{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius:50%;background-color:#20b2aa;color:#fff;border:none;font-size:32px;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0000004d;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .3s ease;z-index:1000}#tutorialBtn:hover{background-color:#1a938a;transform:scale(1.05)}.hidden{display:none!important}.slides-container{margin-bottom:30px}.slide{display:none}.slide.active{display:block}.slide h2{color:#2a9d8f;margin-top:0}.slide-controls{display:flex;justify-content:space-between}#prevBtn,#nextBtn{font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:10px 20px;border-radius:8px;border:1px solid #ced4da;background-color:#f8f9fa;cursor:pointer;transition:background-color .2s,color .2s}#nextBtn{background-color:#2a9d8f;color:#fff;border-color:#2a9d8f}#prevBtn:hover,#nextBtn:hover{opacity:.8}@media (max-width: 1024px){.column{width:280px}}@media (max-width: 768px){body{padding:10px}h1{font-size:1.8rem;margin-bottom:20px}.project-selector{flex-direction:column;gap:10px}#tutorialBtn{width:60px;height:60px;font-size:28px;bottom:20px;right:20px}}@media (max-width: 480px){.project-selector button{width:80%}.card-container{padding:15px}.modal-content{padding:20px}h1{font-size:1.5rem}}.user-status[data-v-653c30f4]{text-align:center;padding:10px 0}.user-info[data-v-653c30f4],.login-actions[data-v-653c30f4]{display:flex;align-items:center;justify-content:center;gap:15px}.user-info span[data-v-653c30f4]{font-weight:500}:root{--bg-dark: #2c3e50;--bg-light: #ecf0f1;--card-bg: #ffffff;--primary-color: #3498db;--text-dark: #34495e;--text-light: #ecf0f1;--border-color: #bdc3c7}*{box-sizing:border-box}body{font-family:Lato,sans-serif;margin:0;line-height:1.6;background-color:var(--bg-light);color:var(--text-dark)}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9}hr{border:none;border-top:1px solid var(--border-color);opacity:.3;margin:20px 0}.portfolio-container{display:flex;width:100%;height:100vh}.sidebar{width:320px;background-color:var(--bg-dark);color:var(--text-light);padding:40px 20px;position:fixed;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.sidebar-content h1{margin-bottom:5px;font-size:2em;color:var(--text-light)}.sidebar-content .job-title{margin-top:0;font-size:1.2em;color:var(--primary-color);font-weight:700}.profile-pic{width:150px;height:150px;border-radius:50%;border:5px solid var(--primary-color);object-fit:cover;margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column;width:100%;gap:10px}.nav-button{color:var(--text-light);background-color:transparent;border:2px solid transparent;padding:12px;border-radius:8px;text-align:center;font-weight:700;font-size:1.1em;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.nav-button:hover{background-color:#ecf0f11a;color:var(--text-light)}.nav-button.active{background-color:var(--primary-color);border-color:var(--primary-color)}.contact-info a{color:var(--text-light)}.main-content{margin-left:320px;width:calc(100% - 320px);display:flex;flex-direction:column}.main-content h2{color:var(--text-dark);border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-top:0}.view-card{background-color:var(--card-bg);padding:30px;border-radius:8px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;display:none}.view-card.active{display:block;animation:fadeIn .5s ease-out forwards}.tech-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.tech-list li{background-color:var(--bg-light);color:var(--text-dark);padding:8px 18px;border-radius:20px;font-size:.9em;font-weight:700}.link-list{list-style:none;padding:0}.link-list li{padding:8px 0;border-bottom:1px solid #eee}.link-list li:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.portfolio-container{flex-direction:column}.sidebar{position:static;width:100%;height:auto;padding-bottom:20px}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:10px 0}.nav-button{flex-shrink:0}.main-content{margin-left:0;width:100%;padding:20px}}.indice{font-size:30px}.texto-pequeno{font-size:12px}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}@media (max-width: 992px){.portfolio-container{flex-direction:column}.sidebar{position:static;width:100%;height:auto;padding:20px;justify-content:center;align-items:center}.sidebar-content{position:static;display:flex;flex-direction:column;align-items:center;width:100%}.main-content{margin-left:0;width:100%;padding:20px}.sidebar-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 0;justify-content:flex-start;gap:10px;width:100%}.nav-button{flex-shrink:0;min-width:fit-content;padding:8px 15px;font-size:.9em}.projects-grid .card{width:100%}.sidebar h1{font-size:1.8em}.sidebar .job-title{font-size:1em}}.main-content{flex-grow:1;padding:2rem}