/* Docs Styling */

/* Badges */
.badge-get {
    background: rgba(59, 130, 246, 0.15); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.3);
    padding: 4px 10px; border-radius: 6px; font-size: 0.75rem; font-weight: 800; font-family: 'JetBrains Mono', monospace; letter-spacing: 1px;
}

.badge-iframe {
    background: rgba(168, 85, 247, 0.15); color: #c084fc; border: 1px solid rgba(168, 85, 247, 0.3);
    padding: 4px 10px; border-radius: 6px; font-size: 0.75rem; font-weight: 800; font-family: 'JetBrains Mono', monospace;
}

/* NUEVO: Badge para Links Directos */
.badge-link {
    background: rgba(245, 158, 11, 0.15); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.3);
    padding: 4px 10px; border-radius: 6px; font-size: 0.75rem; font-weight: 800; font-family: 'JetBrains Mono', monospace;
}

/* Code Blocks */
.code-header {
    background: #1e293b; color: #94a3b8; font-size: 0.7rem; text-transform: uppercase; font-weight: bold;
    padding: 8px 16px; border-radius: 8px 8px 0 0; border: 1px solid #1e293b; border-bottom: none; display: inline-block;
}

.code-block {
    background: #05080f; border: 1px solid #1e293b; border-radius: 0 8px 8px 8px; padding: 20px;
    font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: #e2e8f0; overflow-x: auto; position: relative;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}

.code-block code { white-space: pre; display: block; }

/* Sidebar Links */
.nav-link { color: #64748b; transition: all 0.2s; display: block; position: relative; padding-left: 0; }
.nav-link:hover { color: #fff; padding-left: 5px; }
.nav-link.active { color: #00f0ff; font-weight: bold; padding-left: 5px; }
.nav-link.active::before {
    content: ''; position: absolute; left: -26px; top: 0; height: 100%; width: 2px;
    background: #00f0ff; box-shadow: 0 0 10px #00f0ff;
}

/* Copy Button */
.copy-btn {
    position: absolute; top: 10px; right: 10px;
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    color: #94a3b8; font-size: 0.7rem; padding: 4px 12px; border-radius: 4px;
    cursor: pointer; transition: 0.2s; z-index: 10;
}
.copy-btn:hover { background: #00f0ff; color: #000; border-color: #00f0ff; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #02040a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }