/* SOBRE DOCS */
.sobre-tab { padding:0.6rem 1.1rem; border:none; background:transparent; font-size:0.82rem; font-weight:500; color:var(--text-secondary); cursor:pointer; border-bottom:2px solid transparent; transition:all 0.15s ease; margin-bottom:-2px; font-family:inherit; white-space:nowrap; }
.sobre-tab.active { color:var(--primary); border-bottom-color:var(--primary); font-weight:600; }
.sobre-tab:hover { color:var(--text); }
.flow-steps { display:flex; flex-direction:column; gap:0; }
.flow-step { display:flex; gap:1rem; align-items:flex-start; background:var(--bg-secondary); border-radius:10px; padding:1rem 1.1rem; border:1px solid var(--border); }
.flow-arrow { text-align:center; font-size:1.2rem; color:var(--text-muted); padding:0.3rem 0; }
.flow-num { width:2rem; height:2rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.69rem; font-weight:700; flex-shrink:0; margin-top:2px; }
.admin-badge { background:#ede9fe; color:#6d28d9; }
.aud-badge { background:#d1fae5; color:#065f46; }
.flow-content { flex:1; min-width:0; }
.flow-title { font-weight:700; font-size:0.9rem; color:var(--text); margin-bottom:0.35rem; }
.flow-desc { font-size:0.82rem; color:var(--text-secondary); line-height:1.55; margin-bottom:0.5rem; }
.flow-list { margin:0.4rem 0 0 1.1rem; font-size:0.82rem; color:var(--text-secondary); line-height:1.6; }
.guide-section { display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid var(--border); }
.guide-section:last-of-type { border-bottom:none; }
.guide-num { width:2rem; height:2rem; border-radius:50%; background:var(--primary); color:white; display:flex; align-items:center; justify-content:center; font-size:0.8rem; font-weight:700; flex-shrink:0; margin-top:2px; }
.guide-title { font-weight:700; font-size:0.9rem; color:var(--text); margin-bottom:0.4rem; }
.guide-section p { font-size:0.83rem; color:var(--text-secondary); line-height:1.55; margin:0.3rem 0; }
.modo-card { background:var(--bg-secondary); border:1px solid var(--border); border-radius:10px; padding:1rem 1.2rem; margin-bottom:1rem; }
.modo-badge { display:inline-block; padding:0.2rem 0.65rem; border-radius:99px; font-size:0.69rem; font-weight:700; letter-spacing:0.06em; margin-bottom:0.5rem; }
.modo-title { font-weight:700; font-size:0.9rem; margin-bottom:0.35rem; }
.modo-desc { font-size:0.82rem; color:var(--text-secondary); line-height:1.55; margin-bottom:0.5rem; }
.modo-steps { font-size:0.78rem; color:var(--text-muted); }

/* OVERLAY */
.sidebar-overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:150; }
.sidebar-overlay.active { display:block; }

/* LOADING & ENRICHED - overridden by improved styles below */
@keyframes spin { to{transform:rotate(360deg)} }

/* NAV ICONS */
.nav-icon { width:22px; height:22px; display:flex; align-items:center; justify-content:center; flex-shrink:0; opacity:0.65; }
.nav-item.active .nav-icon { opacity:1; }
.nav-icon svg { width:18px; height:18px; }