.oficina-settings-screen{display:flex;justify-content:center;align-items:flex-start;min-height:60vh;padding:0}.oficina-settings-container{max-width:900px;width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:32px}.oficina-settings-header{text-align:center;margin-bottom:32px}.oficina-settings-header i{font-size:48px;color:#0fafd7;margin-bottom:16px}.oficina-settings-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.oficina-settings-form{display:flex;flex-direction:column;gap:24px}.oficina-form-group{display:flex;flex-direction:column;gap:8px}.oficina-form-group label{font-weight:600;color:#475569;font-size:14px}.oficina-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.oficina-form-row{grid-template-columns:1fr}}.oficina-platform-selector{display:flex;gap:12px}.oficina-platform-btn{flex:1;padding:16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.oficina-platform-btn:hover{border-color:#0fafd7;color:#0fafd7}.oficina-platform-btn.active{background:#0fafd7;border-color:#0fafd7;color:#fff}.oficina-input-wrapper{position:relative;display:flex;align-items:center}.oficina-input,.oficina-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.oficina-input:focus,.oficina-textarea:focus{outline:none;border-color:#0fafd7}.oficina-input:disabled{background:#f1f5f9;cursor:not-allowed}.oficina-input-error{border-color:#ef4444!important}.oficina-settings-form .vue-select{width:100%}.oficina-settings-form .vue-select .vs__dropdown-toggle{border:2px solid #e2e8f0;border-radius:8px;padding:8px;min-height:44px;transition:all .2s}.oficina-settings-form .vue-select .vs__dropdown-toggle:focus-within{border-color:#0fafd7}.oficina-settings-form .vue-select.oficina-input-error .vs__dropdown-toggle{border-color:#ef4444!important}.oficina-settings-form .vue-select .vs__search,.oficina-settings-form .vue-select .vs__selected{font-size:14px;padding:0;margin:0}.oficina-settings-form .vue-select .vs__dropdown-menu{border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:300px}.oficina-settings-form .vue-select .vs__dropdown-option{padding:10px 16px;font-size:14px}.oficina-settings-form .vue-select .vs__dropdown-option--highlight{background:#eff6ff;color:#0fafd7}.oficina-settings-form .vue-select .vs__clear{display:none}.oficina-settings-form .vue-select.vs--disabled .vs__dropdown-toggle{background:#f1f5f9;cursor:not-allowed}.oficina-field-error{color:#ef4444;font-size:12px;margin-top:4px}.oficina-field-info{color:#0fafd7;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.oficina-field-info i{font-size:14px}.oficina-textarea{min-height:100px;resize:vertical}.oficina-form-group-full{grid-column:1/-1}.oficina-loading-spinner{position:absolute;right:12px;display:inline-flex;color:#64748b}.oficina-loading-spinner i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oficina-btn-primary{padding:14px 28px;background:#0fafd7;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-top:8px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.oficina-btn-primary:hover{background:#0d98bb}.oficina-btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.oficina-main-screen{display:flex;min-height:80vh;position:relative}.oficina-sidebar{width:300px;min-width:300px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:transform .3s ease,opacity .2s ease,width .3s ease,min-width .3s ease;visibility:visible;pointer-events:auto;opacity:1}.oficina-sidebar.collapsed{transform:translateX(-100%);opacity:0;width:0;min-width:0;border-right:none}.oficina-sidebar.collapsed.hidden{visibility:hidden;pointer-events:none}.oficina-sidebar.collapsed~.oficina-sidebar-toggle-floating{left:0}.oficina-sidebar-header{padding:20px;border-bottom:1px solid #e2e8f0;position:relative}.oficina-sidebar-close-btn{position:absolute;top:20px;left:20px;background:transparent;border:none;cursor:pointer;font-size:20px;color:#1e293b;z-index:10;padding:4px;display:flex;align-items:center;justify-content:center}.oficina-sidebar-close-btn:hover{color:#ef4444}.oficina-sidebar-close-btn.v-hidden,.oficina-sidebar-close-btn[hidden],.oficina-sidebar-header .oficina-sidebar-close-btn[style*="display: none"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.oficina-sidebar-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:8px 0 4px 0}.oficina-sidebar-info{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#64748b}.oficina-sidebar-info p{margin:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.oficina-sidebar-info p span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}#sidebar-facilitator-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.oficina-sidebar-steps{flex:1;overflow-y:auto;padding:16px}.oficina-step-item{width:100%;padding:12px;padding-left:12px;text-align:left;border:none;border-left:4px solid transparent;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s;margin-bottom:4px;display:flex;align-items:center;gap:8px}.oficina-step-item:hover{background:#f1f5f9;color:#0fafd7}.oficina-step-item.active{background:#e0f2fe;color:#0369a1;font-weight:600;border-left:4px solid #0fafd7}.oficina-step-number{font-weight:700;min-width:24px}.oficina-sidebar-toggle-floating{position:absolute;left:300px;top:0;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:#0fafd7;color:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;font-size:18px}.oficina-sidebar-toggle-floating:hover{background:#0d98bb;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateX(-50%) scale(1.1)}.oficina-sidebar-toggle-floating.collapsed{left:0;transform:translateX(-50%)}.oficina-sidebar-toggle-floating.collapsed:hover{transform:translateX(-50%) scale(1.1)}.oficina-sidebar-toggle-floating i{font-size:18px}.oficina-sidebar-footer{padding:16px;border-top:1px solid #e2e8f0}.oficina-btn-settings{width:100%;padding:12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;color:#475569;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.oficina-btn-settings:hover{background:#e2e8f0}.oficina-main-content{flex:1;display:flex;flex-direction:column;position:relative;transition:width .3s ease;min-width:0}.oficina-topbar{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.oficina-topbar-inner{display:flex;align-items:center;max-width:1200px;width:100%;margin:0 auto}.oficina-progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.oficina-progress-fill{height:100%;background:#0fafd7;transition:width .3s ease}.oficina-slide-container{flex:1;padding:40px;overflow-y:auto;background:#f8fafc}.oficina-slide-content{max-width:1200px;margin:0 auto}.oficina-controls{display:flex;justify-content:space-between;padding:20px 24px;background:#fff;border-top:1px solid #e2e8f0}.oficina-btn-nav{padding:12px 24px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#64748b;display:flex;align-items:center;gap:8px;transition:all .2s}.oficina-btn-nav:hover:not(:disabled){border-color:#0fafd7;color:#0fafd7}.oficina-btn-nav:disabled{opacity:.5;cursor:not-allowed}.oficina-home-btn{position:fixed;bottom:100px;right:24px;z-index:100}.oficina-home-btn button{width:56px;height:56px;border-radius:50%;background:#0fafd7;color:#fff;border:none;cursor:pointer;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .2s}.oficina-home-btn button:hover{background:#1d4ed8;transform:scale(1.1)}@media (max-width:768px){.oficina-sidebar-toggle-floating{display:none}.oficina-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translateX(-100%)}.oficina-sidebar.open{transform:translateX(0)}.oficina-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none}.oficina-sidebar-overlay.active{display:block}.oficina-menu-mobile-btn{background:transparent;border:none;cursor:pointer;padding:8px}.oficina-hamburger{width:24px;height:2px;background:#1e293b;position:relative;display:block}.oficina-hamburger:after,.oficina-hamburger:before{content:"";position:absolute;width:24px;height:2px;background:#1e293b;left:0}.oficina-hamburger:before{top:-8px}.oficina-hamburger:after{top:8px}.oficina-slide-container{padding:20px}}.oficina-icon-user:before{content:"👤"}.oficina-icon-monitor:before{content:"🖥️"}.oficina-icon-users:before{content:"👥"}small{font-size:12px;color:#64748b;margin-top:4px;display:block}