/* ─── abDatabase brand bar para documentos técnicos ────────────── Se inserta al principio del de cada techdoc. No toca nada del contenido propio del documento. ─────────────────────────────────────────────────────────────── */ .abd-brand-bar { width: 100%; background: #2c3e50; display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; height: 52px; box-sizing: border-box; font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; position: relative; z-index: 999; } .abd-brand-bar a { text-decoration: none; transition: opacity .2s; } .abd-brand-bar a:hover { opacity: .8; } .abd-brand-logo { display: flex; align-items: center; gap: .6rem; } .abd-brand-logo img { height: 28px; /* Fuerza logo a blanco sobre fondo oscuro */ filter: brightness(0) invert(1); } .abd-brand-logo-text { font-size: .95rem; font-weight: 700; color: #fff; letter-spacing: -.02em; } .abd-brand-center { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: .5rem; } .abd-brand-tag { font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #1abc9c; border: 1px solid rgba(26,188,156,.4); padding: .15rem .55rem; border-radius: 2rem; } .abd-brand-back { display: flex; align-items: center; gap: .4rem; font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.65); letter-spacing: .02em; } .abd-brand-back svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; } .abd-brand-back:hover { color: #fff; } /* ─── Thin accent line at top ───────────────────────────────── */ .abd-brand-bar::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #1abc9c; } /* ─── Responsive: ocultar centro en pantallas pequeñas ──────── */ @media (max-width: 600px) { .abd-brand-center { display: none; } .abd-brand-bar { padding: 0 1rem; } } /* ═══════════════════════════════════════════════════════════════ CORRECCIONES DE COLOR — aplicadas a todos los docs ═══════════════════════════════════════════════════════════════ */ /* Docs de red (mikrotik / wifi): alinear header a paleta abDatabase */ .header { background: linear-gradient(135deg, #1a2e3b 0%, #1a5e50 100%) !important; } .header-tag { color: #1abc9c !important; } /* ── Valores de luz base (se aplican siempre, ganan por !important) */ :root { /* Backgrounds */ --bg: #ffffff !important; --bg2: #f5f4f0 !important; --bg3: #eeecea !important; --surface: #ffffff !important; --surface2: #f4f5f7 !important; --code-bg: #f0f2f5 !important; /* Text */ --text: #1a1a18 !important; --text2: #6b6a64 !important; --text3: #9c9a92 !important; --muted: #6c757d !important; /* Borders — valores fijos, sólidos, visibles */ --border: #c2c8ce !important; --border2: #8d9399 !important; /* Semantic / accent */ --accent: #0066cc !important; --accent2: #16a085 !important; --info-border: #378add !important; --blue-bg: #e6f1fb !important; --blue-text: #0c447c !important; --green: #27ae60 !important; --green-bg: #eaf3de !important; --green-text:#3b6d11 !important; --amber-bg: #faeeda !important; --amber-text:#854f0b !important; --red: #e74c3c !important; --red-bg: #fcebeb !important; --red-text: #a32d2d !important; --yellow: #e67e22 !important; } /* Forzar fondo/texto en body (cubre soft_instalar_mcp fondo #0f1117) */ body { background: #ffffff !important; color: #1a1a18 !important; } /* ── Dentro del bloque dark-mode del sistema: anular TODAS las variables oscuras. Debe ir AL FINAL del archivo para ganar en orden de fuente y con !important sobre las inline